@font-face {
    font-family: 'pacificoregular';
    src: url('http://www.doitinparis.com/static/font/pacifio/pacifico-webfont.eot');
    src: url('http://www.doitinparis.com/static/font/pacifio/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.doitinparis.com/static/font/pacifio/pacifico-webfont.woff') format('woff'),
        url('http://www.doitinparis.com/static/font/pacifio/pacifico-webfont.ttf') format('truetype'),
        url('http://www.doitinparis.com/static/font/pacifio/pacifico-webfont.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.cadre_article{
 width         : 600px;
 padding       : 0.7em 1em 0.8em 0.8em;
 border        : 1px solid #ccc;
 position      : relative;
 z-index       : 100; 
 min-height    : 258px; 
 margin-top    : 9px;     
}
.cadre_article >h1{
 color       : #DA2678;
 float       : left;
 margin      : 0;
 padding     : 0; 
 font-family: 'Playfair Display', serif;
 font-size   : 26px;
 font-weight : normal;
 line-height : 36px;
}
#img_h1{
 float        : left;
 margin-right : 24px; 
}
#p_h1{
 float       : left;
 font-size   : 12px;
 line-height : 20px;
 text-align  : justify;
 width       : 316px; 
 color       : #7f7777;
}
#p_h1 >span{
 color       : #DA2678;
 font-weight : bold;
}

/*-------------- cadre formulaire inscription */
#cadre_inscription {
 border: 1px solid #CCCCCC;
 margin-bottom: 15px;
 padding: 1em;
 margin-top: 36px;
}
#cadre_inscription >h2{
 color       : #DA2678;
 float       : left;
 margin      : 0;
 padding     : 0; 
 font-family: 'Playfair Display', serif;
 font-size   : 20px;
 font-weight : normal;
 line-height : 36px;
}
#h3_subscribe,#h3_concours{
 border-bottom: 1px solid #CCCCCC;
 font-size: 16px;
 margin: 20px 10px 5px 0;
 width: 565px;
 color: #DA2678;
}
#cadre_inscription label{
 font-style: normal;
 font-weight: bold;
 font-size: 12px;
 color       : #7f7777;
}
input{
 border: #ccc solid 1px;
 padding-left: 2px;
 margin: 4px 0;
 height: 22px;
 line-height: 16px;
 color: #aaa;
 font-size: 12px;
 -o-appearance: none;
 -ie-appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 -o-box-sizing: border-box;
 -ie-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
#cadre_inscription tr{
 height:	6px
}
#cadre_inscription .label_left{
 width: 109px;
}
#cadre_inscription .label_right{
 width: 160px;
 text-align:right;
 padding-right: 6px;
}
#cadre_inscription .input_left{
 width:	185px;
}
#cadre_inscription .input_right{
 width:	185px;
}
#cadre_inscription input{
 color: 				#666;
 margin-right: 5px;
 border-color:	#919991;
 width : 130px;
 border-radius: 3px 3px 3px 3px;
}
input[type="checkbox"] {
 -moz-appearance: radio;
 -moz-box-sizing: border-box;
 -webkit-appearance: radio;
 -webkit-box-sizing: border-box;
 appearance: radio;
 box-sizing: border-box;
 width: 23px !important;
 height:	auto;
 margin: 3px;
}

#cadre_inscription .cmf-skinned-select {
 border-radius:		 	3px;
 -o-appearance: 			none;
 appearance: 				none;
 -webkit-appearance: none;
 -moz-appearance: 		none;
 background:  				transparent  url('../images/mac_dropdown_tr.png') no-repeat right 49%;
 cursor: 					  pointer;
 overflow:						hidden;
 appearance: 				none;
 width: 							126px!important; 
 border: 						#919991 1px solid;
}
#cadre_inscription .cmf-skinned-text {
 padding:	 2px 5px 4px 4px ;
 border: 	#919991;
 width : 	127px	!important;
}

/*
#cadre_inscription .ui-datepicker {
    font-size: 12px !important;
} 
*/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
 width: 49%;
 padding-top: 3px !important;
 color: black;
} 
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
 display: none !important;
}
#ui-datepicker-div{
 font-size: 13px !important;
}

#cadre_inscription .ui-menu{
 font-size: 9px !important;
}
#cadre_inscription .ui-menu-item{
 font-size: 9px !important;
}
.ui-corner-all{
 font-size: 9px !important;
}

#cadre_inscription input[type="radio"] {
 height:	11px !important;
 margin:	0;
 padding:0;
 width:	11px;
}
select {
 float: left;
 margin-left: 0;
 border: 1px solid #919991;
 width: 130px;
 border-radius: 3px;
 -o-appearance: none;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 background: transparent url('/image/composant/autres/mac_dropdown_tr.png') no-repeat right 49%;
 padding: 0 21px 2px 5px;
 cursor: pointer;
 overflow: hidden;
 color: #7f7777;
 appearance: none;
}
#cadre_inscription  #newsletter{
 width: 148px;
}
#cadre_inscription .newsletter_version{
 width: 15px;
}
#cadre_inscription #subscribe_email{
 margin-right: 14px;
 float: left;
}
#cadre_inscription #subscribe_optin{
 float : left;
 margin: -1px;
 padding: 0;
}
.checkbox_p{
 float: left;
 color       : #7f7777;
 font-size   : 12px;
 margin:  1px 0;
}
.checkbox{
 margin:-2px 6px;
 float: left;
}
.radio_checkbox{
 margin:-2px 6px;
 float: left;
 text-decoration : none;
 border : none;
}
#wish{
 float: left;
 width: 515px;
 font-size: 12px;
 color: #7b7b7b;
 margin-left: 17px;

}
.label_version{
 width: 70px;
}
#subscribe_optin{
 border : none;
}
#civilite{
 border:1px solid #889999;
 width:127px;
}
#submit_form_newsletter{
 background-color: transparent;
 background-image: url("/image/composant/autres/circle-DA2678.png");
 background-repeat: no-repeat;
 color: #FFFFFF;
 display: block;
 height: 	26px;
 padding: 	5px 0 0 1px !important;
 width: 				24px !important;
 font-size:		12px;
 cursor			:	pointer;
 font-weight: 	normal;

}
#submit_form_newsletter:hover{
 background-image: url(/image/composant/autres/circle-4b4b4b.png);
}
#optin{
 width: 13px !important;
 -moz-appearance: checkbox;
 -moz-box-sizing: border-box;
 -webkit-appearance: checkbox;
 -webkit-box-sizing: border-box;
 appearance: checkbox;
 box-sizing: border-box;
 margin-top: 18px;
 float: left;
}
#champs_obligatoires{
 margin    : 0 0 20px; 
 color     : #7f7777;
 font-size : 12px; 
}
#according_to_low{
 font-size : 10px; 
 padding : 0 0 0 5px;
 margin : 0;
 color     : #7f7777;
}
#according_to_low a{
 color:#1d1d1d;
}
#subscribe_form_section_2 {
 border: none !important;
 padding: 0px;
 margin: 0px;
}
#subscribe_form_section_2 h3{
 font-size: 11pt;
 font-weight: 700;
 color: #DA2678;
 margin:  20px 0 0 0;
}
#subscribe_form_section_2 p{
 font-size: 12px;
 color     : #7f7777;
}

/*---------------------- MODIFICATION */

#modification {
 min-height: 160px;
}
#modification #img_h1{
 border: 1px solid #ccc;
 margin-right: 15px;
}
#modification  #p_h1{

}
#modification  #p_h1 h3{
 margin: 1px 0 0 0;
 color: #DA2678;
 font-size: 13pt;
 font-weight: 700;
}
#modification  #p_h1 h4{
 font-size: 12px;
 height: 35px; 
 width: 322px;
 margin: 5px 0 7px 1px;
 color: #7f7777;
 font-weight: normal;
}
#modification .subscribe-block-sidebar-form {
 background-color: white;
 margin: 0 auto;
 width: 298px;
 padding:15px 10px 10px 12px;

 display: block;
 height: 66px;
 border: #ccc solid 1px;
}
#subscribe_form_input-des {
 padding-left: 5px;
 float: left;
 width: 193px;
 color: #666766;
}
#subscribe_form_input-pass {
 padding-left: 5px;
 float: left;
 width: 193px;
 color: #666766;
}
#modification #submit_form_newsletter {
 background-color: transparent; 
 background-repeat: no-repeat;
 color: #FFFFFF;
 display: block;
 height: 32px;
 padding: 3px 0 0 3px !important;
 width: 25px !important;
 font-size: 13px;
 cursor: pointer;
 font-weight: bold;
 margin: -14px 32px 0 0;
 float: right;
}
#mdp_oublie {
 float: right;
 font-size: 9px;
 margin-top: 13px;
 margin-right: 14px;
 color: #000;
 text-decoration: none;
}
#mdp_oublie:hover{
 text-decoration: underline;
}

#modification .error_h4{
 color: #C4017B !important;
}
/*------------------- mdp*/

#subscribe_form_input-des-mdp {
 padding-left: 5px;
 float: left;
 width: 193px;
 color: #666766;
}
#modification .subscribe-block-sidebar-desc {
 background-color: white; 
 margin: 0 auto;
 width: 298px;
 padding:15px 10px 10px 12px; 
 display: block;
 border: #ccc solid 1px;
}
#modification #submit_form_newsletter-mdp{
 background-color: transparent;
 background-image: url("/image/composant/autres/circle-DA2678.png");
 background-repeat: no-repeat;
 color: #FFFFFF;
 display: block;
 height: 32px;
 padding: 3px 0 0 3px !important;
 width: 25px !important;
 font-size: 13px;
 cursor: pointer;
 font-weight: bold;
 margin: 2px 32px 0 0;
 float: right;
}
#modification #submit_form_newsletter-mdp:hover{
 background-image: url(/image/composant/autres/circle-4b4b4b.png);
}


#partenaire_p{
 float: right;
 font-size: 10px;
 height: 12px;
 margin-left: 3px;
 margin-top: 0;
 padding-top: 6px;
 width: 268px;
}

#submit_form_newsletter_mailling,#submit_form_concours{
 background-color: transparent;
 background-image: url("/image/composant/autres/circle-DA2678.png");
 background-repeat: no-repeat;
 color: #FFFFFF;
 cursor: pointer;
 display: block;
 float: left;
 font-size: 13px;
 font-weight: bold;
 height: 32px;
 margin: 12px 0 0 133px;
 padding: 4px 0 0 3px !important;
 width: 25px !important;
}
#submit_form_newsletter_mailling:hover,#submit_form_concours:hover{
 background-image: url(/image/composant/autres/circle-4b4b4b.png);
}

#partenaire {
 -o-appearance: checkbox;
 -ie-appearance: checkbox;
 -moz-appearance: checkbox;
 -webkit-appearance: checkbox;
 appearance: checkbox;
 -o-box-sizing: border-box;
 -ie-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

.optin_des{
 margin-left: 7px !important;
 margin-top: 10px !important;
}
#conrours_p{
 color :#7f7777;
 font-size: 12px;
 margin: 0;
}
#email_deja_inscrit{
 float: left;
 margin: 19px 20px 19px 0 ;
 width: 187px !important;

}
#submit_form_concours{
 margin: 19px 0 0 73px;
}


.game_holder{
 display: block;
 border: #ccc solid 1px;
 padding: 1em;
 margin-bottom: 1em;
 margin-top: 7px;
}
.game_holder h3 {
 font-size: 18px;
 border-bottom: 1px solid #CCCCCC;
 color: #DA2678;
 width: 349px;
 margin-bottom: 10px;
}
#game_answer {
 background-color: #F7F7F7;
 resize: none;
 height: 112px;
 width: 400px;
 border: #ccc solid 1px;
 margin: 4px 0; 
 line-height: 16px;
 color: #1d1d1d;
 font-size: 12px;
 -o-appearance: none;
 -ie-appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 -o-box-sizing: border-box;
 -ie-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
} 
#question {
 font-size: 17px;
 font-weight: bold;
 margin-top: 30px;
 width: 350px;
 color: #7f7777;
}
.article_holder {
 display: block;
}
.article_holder .texts {
 float: left;
 width: 350px;
 height: 160px;
}
.article_holder img {

 border: 1px solid #CDCDCD;
 float: right;
}
.game_holder p{
 float: left;
 font-size: 12px;
 line-height: 20px;
 text-align: justify; 
 color: #7f7777;
 margin: 5px 0 26px;}

.game_holder .contrl_group input{
 border: #ccc solid 1px !important;
 margin: 4px 0;
 background-color: white;
 height: 22px;
 line-height: 16px;
 color: #aaa;
 font-size: 12px;
 -o-appearance: none;
 -ie-appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 -o-box-sizing: border-box;
 -ie-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 letter-spacing: normal;
 word-spacing: normal;
 text-transform: none;
 text-indent: 0px;
 text-shadow: none;
 display: inline-block;
 text-align: start;
 border-radius: 0;
}
#subscribeUserButton{
 background-color: transparent;
 background-image: url("/image/composant/autres/circle-DA2678.png");
 background-repeat: no-repeat;
 color: #FFFFFF;
 cursor: pointer;
 display: block; 
 font-size: 13px;
 font-weight: bold;
 height: 32px;float: right;
 padding: 4px 0 0 3px !important;
 width: 25px !important;
}
#final_game{
 float: left;
 color: #DA2678;
 font-size: 16px;
 font-weight: bold;
 margin: 47px 0 0;
 width: 320px;
}
#question a{
 color :#DA2678;
}

.contact_modif h3{
 margin: 0;
 font-size: 14pt !important;
 font-weight: normal !important;
 color: #DA2678;
 margin: 0px 0 0 0 !important;
 font-family: 'Conv_JandaEverydayCasual';
}

#inscription_save{
 width: 98;
 margin-top: 8px;
 height: 800px;
}

#inscription_save h3{
 text-align: center;
 width: 50%;
 margin: 50px auto;
 color: #7a0462;
  font-family : 'robotothin';
 font-size   : 21px;
 font-weight : normal;
}

#thanks{
 width: 438px;
 height: 321px;
 background: url("http://www.doitinparis.com/files/static/inscription/thanks.png") no-repeat 0 0;
 margin: 0 auto 50px;
 text-align: center;
 padding-top: 180px;
 font-family: 'pacificoregular';
}

#thanks_name {
font-size: 33px;
width: 100px;
margin: 0 auto;
padding: 0;
 color: #7a0462;
}

#compte_modif{
text-align: center;
width: 77%;
margin: 0px auto;
color: #1d1D1D;
font-family: 'robotothin';
font-size: 21px;
font-weight: normal;
padding: 0px;}