/* version 1.2 */

/* Formulaires perso */
#form .ff, .form .ff  { display:block; width:100%; margin-bottom:3px; }
#form .ff dd, .form .ff dd { float:left; min-width:180px; margin-bottom:5px; padding-top:5px; text-align:left; }
#form .ff dd span, .form .ff dd span {  }
#form .ff dd p, .form .ff dd p { font:9px 'Ubuntu', sans-serif, arial; color:#4d4d4d; padding-bottom:5px; margin:0; } 
#form .ff dt, .form .ff dt { float:left; min-width:250px; margin-bottom:5px; font-size:18px; line-height:27px; }
#form .ff dt span, .form .ff dt span { padding-top:5px; font-size:12px; }
.form .ff dt .key { font-size:16px; color:#1181b1; padding:1px 0 0 5px; }

#form .ff dt.noW, .form .ff dt.noW { min-width:auto; padding-right:5px; }
.noW i { padding:6px 7px; line-height:15px; font-size:14px; }

#content_pop #form { border:dashed 1px silver; border-width:1px 0 0 0; padding-top:15px; }
#content_pop #dc1 { border:dashed 1px silver; border-width:1px 0 0 0; padding-top:15px; }
.iframe_pop { overflow-y:hidden; overflow-x:hidden; height:520px; text-align:left; margin:0; width:100%; }

.iframe_12 h2 { font-size: 27px; font-size: 27px; padding:0 0 10px 0; }
.iframe_12 h2 u { color: #333; text-decoration:none; font-size: 27px; font-size: 27px; display: inline; }


.txt_rouge13 { font:19px "Times New Roman", Times, serif; color:#de5b01; }
.txt_rouge9 { font:13px "Times New Roman", Times, serif; color:#de5b01; }

@media only screen {
	.input1 { font: 14px/21px Arial, Helvetica, sans-serif; border:solid 1px silver; border-radius:4px; padding:7px 10px 8px 10px; }
	.input2, .input2p { line-height:21px; border:solid 1px silver; border-radius:6px; padding:4px 10px 5px 10px; color:#1181b1; -webkit-box-shadow: 0px 1px 3px 0px rgba(189, 188, 188, 1); box-shadow: 0px 1px 2px 0px rgba(189, 188, 188, 1); }
	.input3 { font: 11px/21px Arial, Helvetica, sans-serif; border:solid 1px silver; border-radius:4px; padding:3px; }
	.input2r { line-height:21px;  border:solid 1px #fc8a58; color:#e24603; border-radius:6px; padding:4px 10px 5px 10px; -webkit-box-shadow: 0px 1px 3px 0px rgba(189, 188, 188, 1); box-shadow: 0px 1px 3px 0px rgba(189, 188, 188, 1); }
	.input2g { font: 12px/21px Arial, Helvetica, sans-serif; color:gray; background-color:#f5f5f5; border:solid 1px silver; border-radius:4px; padding:5px 10px 6px 10px; }
}

.blanc { color:#ffffff; }
.bleu { color:#1181b1; }
.rose { color:#ff00ff; }
.marron { color:#7c4d26; }
.qui { font-size:0.9em; }
.pucep { font:bold 40px/20px arial; }
.pucep2 { font:bold 30px/20px arial; padding:0 4px; }
.lock { width:16px; height:16px; border:0px; padding:7px 4px 0 0; }
.pag1 { position:relative; }
.pag2 { position:absolute; top:15px; left:0px; font:10px arial; color:silver; }
.pag2 a { font:11px arial; color:silver; color:#1181b1; text-decoration:underline; }
.pag2 a:hover { text-decoration:none; color:#7c4d26; }
.p_right { text-align:right; }
.rel { position:relative; }

.g4 { background-color:#f79740; }

.close { position:absolute; z-index:200; top:5px; right:0px; width:25px; height:25px; background: url('/img/close.png'); }
.refresh { position:absolute; z-index:200; top:5px; right:35px; width:25px; height:25px; background: url('/img/refresho.png'); }
.refresh:hover { background: url('/img/refresh.png'); }

#timemsg { display:none; }

#bloc_comm, #bloc_sav { min-height:242px; }
#bloc_pwd, .mH290 { min-height:290px; }
#bloc_pwd .success_wrapper, .form_rsp .success_wrapper, .form_sms .success_wrapper { margin:10px 0; }
article hr { border:dashed 1px #d8d8d8; border-width:1px 0 0 0; margin-bottom:10px; }
.grid_2 .a3 i { margin:2px 0 0 5px; }
.pt { cursor:pointer; }
.ct { text-align:center; }
.jy { text-align:justify; }
.up { text-transform:uppercase; }
.cap { text-transform:lowercase capitalize; }
.low { text-transform:lowercase; }
.hid { display:none; visibility:hidden; }
.vis { display:block; visibility:visible; }
.LL, .f_left { float:left; }
.RR, .f_right { float:right; }

.male { width:100%; height:14px; background: url('/img/male.png') center no-repeat; }
.female { width:100%; height:14px; background: url('/img/female.png') center no-repeat; }
.historiqueSMS { margin-top:15px; border:dashed 1px silver; border-width:1px 0 0 0 ; padding-top:10px; font:9px 'Ubuntu', sans-serif, arial; color:#4d4d4d; }

.mrgt10 { margin-top:10px; }
.mrgb10 { margin-bottom:10px; }
.pad01 { padding:8px 8px 3px 0; }
.pad02 { padding:0 4px 3px 4px; }
.pad03 { padding:8px 0 0 7px; }

.an10 { font:10px "Archivo Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.an11 { font:11px "Archivo Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.an12 { font:12px "Archivo Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.an13 { font:13px "Archivo Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; }
.an14 { font:14px "Archivo Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; }

.vert { color:#33cc00; }
.orange { color:#ff9900; }

.pagin { width:100%; margin:4px 0 5px 0; }
.pagin a { 
	display:inline; cursor:pointer; font:12px "Archivo Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#909090; text-decoration:none;
	padding:3px 6px; margin:0 2px; background:#dbdbdb; /*2484c1*/ border-radius:4px;
	-moz-border-radius:5px; -webkit-border-radius:5px; /*box-shadow:2px 2px 1px 0px #d6d6d6;*/
}
.pagin a:hover, a.active {  background-position:center -70px; background-color:#3276b1; color:#fff; }

.list_checkbox li { float:left; margin-right:15px; }
.list_checkbox li:last-child{ margin-right:0; }
.list_checkbox li .pucep { line-height:28px; }
#popActions { position:absolute; top:0; right:5px; }

.liens a + a { margin-left:30px; }
.liens a + a + a { margin-left:30px; }
#btnprint i, #btnsupp i, #btnx i { display:none; }

.form_sms #sms_msg { width:500px; }
.form_sms #sms_url, .form_sms #sms_msg1, .form_sms #sms_msg2, .form_sms #sms_msg3, .form_sms #sms_msg4, .form_sms #sms_msg5, .form_sms #sms_msg6, .form_sms #sms_msg7, .form_sms #sms_msg8, .form_sms #sms_msg9 { width:600px; }	
.form_sms i.fa { font-size:22px; padding-top:4px }

@media only print {
	#content_pop #form { border:0px; padding:15px; }
	#form .ff dd { width:30%; }
	#form .ff dt { width:65%; font-size:12px; color:#000; }
	#sub { visibility:hidden; display:none; }
	.input2, .input2r { border:solid 1px #fff; padding:4px 10px 5px 10px; width:100%; } 
	.input2p { border:solid 1px #fff; padding:4px 10px 5px 10px; width:10%; }
	textarea { border:solid 1px red; min-height:300px; }
}


@media only screen and (max-width: 1199px) {
	.iframe_pop { height:480px; overflow-x:hidden; }
	.form_sms #sms_msg { width:330px; }
	.form_sms #sms_url, .form_sms #sms_msg1, .form_sms #sms_msg2, .form_sms #sms_msg3, .form_sms #sms_msg4, .form_sms #sms_msg5, .form_sms #sms_msg6, .form_sms #sms_msg7, .form_sms #sms_msg8, .form_sms #sms_msg9 { width:400px; }	
}


@media only screen and (max-width: 995px) {
	/*.form_rsp #form .ff dd { width:30%; }
	.form_rsp #form .ff dt { width:60%;}*/
	.form_rsp .input2, .form_rsp .input2p, .form_rsp .input2r { width:100%; }
	.iframe_pop { height:480px; overflow-x:hidden; }
	#form .ff dd { min-width:155px; }
	#form .ff dt { min-width:100px; }
	.form_sms #sms_msg { width:180px; }
	.form_sms #sms_url, .form_sms #sms_msg1, .form_sms #sms_msg2, .form_sms #sms_msg3, .form_sms #sms_msg4, .form_sms #sms_msg5, .form_sms #sms_msg6, .form_sms #sms_msg7, .form_sms #sms_msg8, .form_sms #sms_msg9 { width:330px; }	
	.list_checkbox { max-width:240px; min-width:10px; width:auto; text-align:left; }
	.list_checkbox li { float:none;  }
}
@media only screen and (max-width: 767px) {
	.mH290 { min-height:10px; }
	.form_rsp #form .ff dd { width:100%; }
	.form_rsp #form .ff dt { width:98%;}
	.form_rsp #form .ff dt textarea { width:300px;}
	.form_rsp .input2, .form_rsp .input2p, .form_rsp .input2r { width:95%; }

	#form .ff dd { min-width:140px; font-size:0.9em; }
	#form .ff dt { min-width:100px; }

	.iframe_pop { height:840px; overflow-x:hidden; }
	.iframe_12 h2 { padding-right:75px; font-size:18px; }
	.iframe_12 h2 u { font-size:18px; }
	.iframe_12 h2 span { color: #333; font-size: 18px;  }

	#popActions { zoom:0.7; }
	.ico1, #canvas_ico a .ico1 { display:none; }
	.ico2, #canvas_ico a .ico2 { display:inline-block; }
	#canvas_menu { display:block; }

	.liens a + a { margin-left:10px; }
	.liens a + a + a { margin-left:10px; }
	#btnprint i, #btnsupp i, #btnx i { display:block; }
	#btnprint span, #btnsupp span, #btnx span { display:none; }

	.form_sms #sms_msg { width:170px; }
	.form_sms #sms_url, .form_sms #sms_msg1, .form_sms #sms_msg2, .form_sms #sms_msg3, .form_sms #sms_msg4, .form_sms #sms_msg5, .form_sms #sms_msg6, .form_sms #sms_msg7, .form_sms #sms_msg8, .form_sms #sms_msg9 { width:100%; }	
}
@media only screen and (max-width: 479px) {	
	#form .ff dt, .form .ff dt { min-width:100px; }
	.pagin { zoom:0.7; }
	.iframe_pop { overflow-x:hidden; }
}

.nfo, .help { cursor:help; }
.nfo:hover { color:#4f4f4f; }
.bgcArchive { background-color:#f5f5f5; font-style:italic; }

#tip { position:absolute; visibility:hidden; min-width:150px; z-index:800; height:auto; padding:0px; text-align:left; border:0px solid black; }
.bulle { 
	margin-bottom: 20px;
	border: 1px solid #dbdbdb;
	border-radius: 6px;
	text-align:justify;
	font:12px/20px arial;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	box-shadow: 0px 5px 7px 0px rgba(224, 223, 223, 1);
	padding: 12px;
	width:300px; background:#fff url('/img/bulle3.png') right bottom no-repeat; 
} 

#onglets_liens { position:absolute; bottom:0; left:0; width:100%; padding:10px 0 7px 7px; }
#onglets_liens2 { position:relative; width:100%; padding:0; text-align:right; }
#onglets_liens a, #onglets_liens2 a {
	line-height: 14px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	padding:6px;
	background: #006c97;
	border-radius: 4px;
	position: relative;
	font-size: 12px;
	text-align: center;
	font-weight: 500;
	-webkit-box-shadow: 0px 5px 7px 0px rgba(189, 188, 188, 1);
	box-shadow: 0px 5px 7px 0px rgba(189, 188, 188, 1);
	margin-left:6px;
}
#onglets_liens a:hover, #onglets_liens2 a:hover {
	background: #7c4d26;
	color: #fff;
}

.msgOkKo { 		
	width:100%;
	border: 2px solid #f7953e; 
	color:#de5b01;
	border-radius:7px; 
	margin-bottom:15px;
	font:19px/26px "Times New Roman", Times, serif;
	background: #fcf8f5;
	text-align: center;
	padding: 7px 40px;
	z-index: 999;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */		
} 

#msgH, #msgH2 {
	position:absolute;
	top:30px; left:220px; border:solid 1px red;
	visibility:visible;
	display:block;

	border: 2px solid #7c4d26; 
	color:#7c4d26;
	border-radius:13px; 
	margin-bottom:15px;
	font:19px/26px "Times New Roman", Times, serif;
	background: #fcf8f5;
	text-align: center;
	padding: 7px 40px;
	z-index: 999;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /*Firefox 1-3*/
	-webkit-box-sizing: border-box; /* Safari */	
}
#msgH2 { display:none; z-index: 990; }


.form_sms .input1::placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input1:-ms-input-placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input1::-webkit-input-placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input2::-webkit-input-placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input2r::-webkit-input-placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input2:-ms-input-placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input2r:-ms-input-placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input2::placeholder { color: #b4b4b4; opacity: 1; }
.form_sms .input2r::placeholder { color: #b4b4b4; opacity: 1; }

.form_sms .input1:focus::-webkit-input-placeholder { opacity: 0.3; }
.form_sms .input1:focus:-ms-input-placeholder { opacity: 0.3; }
.form_sms .input1:focus::placeholder { opacity: 0.3; }
.form_sms .input2:focus::-webkit-input-placeholder { opacity: 0.3; }
.form_sms .input2r:focus::-webkit-input-placeholder { opacity: 0.3; }
.form_sms .input2:focus:-ms-input-placeholder { opacity: 0.3; }
.form_sms .input2r:focus:-ms-input-placeholder { opacity: 0.3; }
.form_sms .input2:focus::placeholder { opacity: 0.3; }
.form_sms .input2r:focus::placeholder { opacity: 0.3; }