@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#ctn_body {width:100%; font-size:16px;}
#ctn_entete,#ctn_footer {
	background: #58c8cc; /* Old browsers */
	background: -moz-linear-gradient(top, #58c8cc 0%, #207cca 0%, #70d7e5 0%, #3db3c3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #58c8cc 0%,#207cca 0%,#70d7e5 0%,#3db3c3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #58c8cc 0%,#207cca 0%,#70d7e5 0%,#3db3c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58c8cc', endColorstr='#3db3c3',GradientType=0 ); /* IE6-9 */
}
#ctn_entete {
	position:relative;
}
#ctn_logo { font-size:11px; color:white; text-align:center; margin:20px 5px; font-weight:bold;}
#logo_site {
    margin-right:0;
}
@media only screen and (max-width : 768px){	
#logo_site { max-height: none;}
}
@media only screen and (max-width : 768px){	
#ctn_logo { text-align:left;}
}
#header_titre {
font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:26px;
	color:#FFF;
	margin-left:180px;
	position:absolute;
}
#header_stitre {
font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:16px;
}
@media only screen and (max-width : 992px){	
	#header_titre {font-size:16px;margin-left:0; text-align:center;	position: relative;
	}
	#baseline {}
	#ctn_logo {margin:5px 0;}
}
@media only screen and (max-width : 768px){	
	#header_titre { position:absolute; padding-left:150px; top:30px; padding-right:180px; width:100%;}
}
@media only screen and (max-width : 320px){	
	#header_titre { display:none;}
}
.argu_left,.argu_right {
	border:solid 1px #C7D9DD;
	border-radius:10px;
	padding:10px;
	text-align:left;
	margin-bottom:20px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #eaf2f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eaf2f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#eaf2f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaf2f4',GradientType=0 ); /* IE6-9 */
}
.argu_left:hover,.argu_right:hover {
	cursor:pointer;
	background: #eaf2f4; /* Old browsers */
	background: -moz-linear-gradient(top, #eaf2f4 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eaf2f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eaf2f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf2f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.argu_left.col_right {
	background:none;
	text-align:center;
}
.argu_left.line_height {
	line-height:30px;
}
@media only screen and (max-width : 1200px){	
.argu_left.line_height {
	line-height:25px;
}
}
.argu_right {
	text-align:right;
}
.argu_list {
	list-style:inside none circle;
}
h2.argu_titre {
	font-size:20px;
	color:#3eb4c4;
	font-family:"Open Sans",sans-serif;
	font-weight:bold;
	margin:0 0 10px 0;
}
.col_right h2.argu_titre {
	font-size:18px;
	color:#F00;
}
.argu_detail {
	font-size:16px;
	color: #333;
}
#ctn_img_accueil {
	margin-left:auto;
	margin-right:auto;
	width:992px;
	height:227px;
	margin-top:5px;
	position:relative;
	overflow:hidden;
	background-image:url(https://www.sitodi.fr/images/people_accueil.png);
	background-repeat:no-repeat;
	background-position:left;
}
@media only screen and (max-width : 992px){	
#ctn_img_accueil {
	width:100%;
	margin-top:5px;
	position:relative;
	background-size:180%;
}
}
#accroche_accueil {
	font-size:15px;
	line-height:1.2;
	width:450px;
	position: absolute;
	top:20px;
	right:20px;
	padding:10px 15px;
	border-radius:20px;
	opacity:0.8;
	background-color:#fff;
}
#accroche_accueil_small {
	display:none;
	font-size:16px;
	line-height:1.2;
	margin-top:10px;
	text-align:center;
}
@media only screen and (max-width : 992px){	
#accroche_accueil {
	display:none;
}
#accroche_accueil_small {
	display:block;
}
}
@media only screen and (max-width : 992px){	
#accroche_accueil {
	position: relative;
	top:auto;
	right:auto;
	width:100%;
	margin:10px;
}
}
#accroche_accueil p {
	margin-top:0;
	margin-bottom:5px;
}
#zone_ident_top {
	position:absolute;
	top:5px;
	right:5px;
	border-radius:10px;
	border: solid 2px #4CA6B2;
	padding	:5px 10px 5px 30px;
	background-color:#FFF;
	z-index:100;
}
@media only screen and (max-width : 992px){	
#zone_ident_top {
}
}
#zone_ident_top.logoff{
	background-image:url(https://www.sitodi.fr/images/cadenas_logoff.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
}
#zone_ident_top.login{
	background-image:url(https://www.sitodi.fr/images/cadenas_login.png);
	background-repeat:no-repeat;
	background-position:7px 5px;
}
#zone_ident_top .haut{
}
#zone_ident_top .milieu{
	text-align:center;
}
#acceder_site{
	text-align:center;
	margin-top:5px;
	color:#00F;
}
#acceder_site a{
	color: #FFF;
	font-weight:bold;
	font-size:13px;
	padding:5px 5px;
	background-color: #2684AD;
	border-radius:5px;
}
#zone_ident_top .titre{
	color:#666;
	font-size:12px;
}
#zone_ident_top .stitre{
	font-weight:bold;
	font-size:12px;
}
#zone_ident_top #dialog{
	text-align:center;
	margin-top:5px;
}
#deconnexion {
	float:right;
	background-image: url(https://www.sitodi.fr/images/picto_nav_quitter.gif);
	background-repeat:no-repeat;
	background-position:5px 6px;
	margin-top:10px;
	background-color:#F93;
	border-radius:5px;
}
#deconnexion a{
	display:block;
	padding-left:20px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	padding:5px 5px 5px 24px;
}
#zone_ident {
	width:300px;
	margin-left:auto;
	margin-right:auto;
}
#zone_ident #haut{
	text-align:center;
	background-color:#FF9E11;
	border-radius:10px 10px 0 0;
	padding:5px;
}
#zone_ident #haut .titre{
	color:#333;
	font-weight:bold;
}
#zone_ident #haut .stitre{
	color:#FFF;
}
#zone_ident #milieu{
	background-color:#FDDF00;	
	border-radius:0 0 10px 10px;
	padding-bottom:10px;
}
#form_login,#form_pass {
	padding-left:10px;
	margin:2px;
	display:block;
}
#form_login {
	padding-top:5px;
}
#form_login label,#form_pass label {
display:block;
float:left;
width:120px;
line-height:24px;
color:#666;
text-align:right;
}
#form_login div,#form_pass div {
}
#form_login input,#form_pass input {
font-size:14px;
float:left;
}
#form_pass #password {
width:122px;
}
#form_login #login {
width:150px;
}
#form_pass #ok {
	float:left;
	width:26px;
	height:20px;
	background-image:url(https://www.sitodi.fr/images/bouton_ok.png);
	background-repeat:no-repeat;
	margin-top:2px;
}
#form_pass #ok a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:20px;
}
#pass_perdu {
	margin-top:5px;
	width:100%;
	text-align:center;
}
.spacer {
  clear: both;
}
#ctn_page {background-color:#FFFFFF;background-image:none;;}
#ctn_footer a,#ctn_footer_sitodi,#ctn_footer {font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
#footer_first_col{overflow:auto; max-height:300px;}
.footer_collapse_btn,.footer_collapse_btn:active,.footer_collapse_btn:hover,.footer_collapse_btn:focus {padding:3px; border-radius:8px; border:none; font-size:1.1em; line-height:0.5em; margin-right:5px;color:#6FD6E4;background-color:#FFFFFF;}
.footer_collapse_btn.visible-xs {display:inline-block;}
.titre_site {font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;text-decoration:none;color:#6699CC;font-style:italic;}
.lien_rubrique {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;text-decoration:none;color:#FFFFFF;font-style:normal;}
.lien_rubrique:hover {text-decoration:underline;}
.lien_page {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;text-decoration:none;color:#FFFFFF;font-style:normal;}
.lien_page:hover {text-decoration:underline;}
.titre_page {font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;text-decoration:none;color:#FF9700;font-style:normal;}
h2 {font-family:Arial, Helvetica, sans-serif;font-size:22px;font-weight:bold;text-decoration:none;color:;font-style:normal;
}
.titre_paragraphe {font-family:Helvetica, Arial, Helvetica, sans-serif;font-size:18px;font-weight:normal;text-decoration:none;color:#999999;font-style:normal;}
.texte_paragraphe {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:normal;text-decoration:none;color:#000000;font-style:normal;}
.lien_paragraphe {font-family:Arial, Helvetica, sans-serif;font-size:16px;font-weight:bold;text-decoration:none;color:#FF3300;font-style:normal;}
a.fleche {
    background-image: url(https://www.sitodi.fr/images/fleche.png);
    background-repeat: no-repeat;
    padding-left: 10px;
    margin-right: 10px;
    background-position: center left;
	font-weight:bold;
}
.lien_paragraphe:hover {text-decoration:underline;}
.legende_paragraphe {font-family:Trebuchet MS, Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;text-decoration:none;color:#000000;font-style:normal;}

.input {font-weight:normal;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
.lien_noir { font-weight:normal; font-size:12px; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
.bouton_jaune { font-weight: bold; font-size: 12px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#FFCC00;}
p.texte_paragraphe { margin-top:0;}
.dialog_idee{display:inline-block;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;text-align:left;width:auto;border:solid 1px #0099CC;background-color: #E3EFF0;background-image:url(https://www.sitodi.fr/images/dialog-information.png);background-position: 5px 3px;background-repeat:no-repeat;padding: 6px 3px 6px 30px;}
.dialog_alert_vert{display:inline-block;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;text-align:left;width:auto;border:solid 1px #009933;background-color: #FFFFE6;background-image:url(https://www.sitodi.fr/images/check_ok.png);background-position:5px 3px;background-repeat:no-repeat;
padding:6px 3px 6px 30px;min-height:25px;}
.dialog_alert_rouge{display:inline-block;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#000000;text-align:left;width:auto;border:solid 1px #FF0000;background-color:#FFFFE6;background-image:url(https://www.sitodi.fr/images/dialog-warning.png);background-position: 5px 3px;background-repeat:no-repeat;padding: 6px 3px 6px 30px;min-height:25px;}
.dialog_alert_rouge.cligno{text-decoration:blink;background-image:url(https://www.sitodi.fr/images/dialog-warning-cligno.gif);}
.dialog_wait{display: inline-block;min-height:25px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;color:#000000;text-align:left;width:auto;border:solid 1px #000000;background-color:#FFFFFF;background-image:url(https://www.sitodi.fr/images/icon_wait.gif);background-position:top left;background-repeat:no-repeat;padding:10px 3px 3px 40px;}
.yellow_star,.grey_star{float:left;width:14px;height:14px; background-image: url(https://www.sitodi.fr/img_icon/icon_yellow_star.png); background-repeat:no-repeat; margin-right:2px;}
.grey_star{background-image: url(https://www.sitodi.fr/img_icon/icon_grey_star.png);}
.telecharger {background-image:url(https://www.sitodi.fr/images/telecharger.gif);background-repeat: no-repeat;padding-left:15px;display:inline-block; min-height:15px;}
.telecharger:hover {text-decoration:underline;cursor:pointer;}
.derniere_qte {color:#F30;border:solid 1px #F30;background-color:#FFF;padding:2px;margin-top:5px;font-size:11px;font-weight:bold;}
.ctn_bloc {padding:1px; padding-bottom:5px; margin:0;}
.ctn_bloc table:first-of-type {table-layout:fixed!important;}
.asterisque{ font-size:24px; color:red; position:absolute; margin-left:-15px; margin-top:-5px;}
div.alert.alert-info { background-image:url(https://www.sitodi.fr/images/boot_alert_icon_info.png); background-repeat:no-repeat; background-position:top left; padding-left:70px;max-width:800px; margin-left:auto;margin-right:auto;}
div.alert.alert-success { background-image:url(https://www.sitodi.fr/images/boot_alert_icon_checked.png); background-repeat:no-repeat; background-position:top left; padding-left:70px;max-width:800px; margin-left:auto;margin-right:auto;}
div.alert.alert-warning { background-image:url(https://www.sitodi.fr/images/boot_alert_icon_warning.png); background-repeat:no-repeat; background-position:top left; padding-left:70px;max-width:800px; margin-left:auto;margin-right:auto;}
.error { background-color:#FFC6C6;}
fieldset {
border: 1px solid #ddd !important;
margin: 0;
xmin-width: 0;
padding: 10px;       
position: relative;
border-radius:4px;
background-color:#f5f5f5;
padding-left:10px!important;
}	
	
legend {
font-size:14px;
font-weight:bold;
margin-bottom: 0px; 
width: auto; 
border: 1px solid #ddd;
border-radius: 4px; 
padding: 5px 10px 5px 10px; 
background-color: #286090;
color:white;
}
.table_paiement_secu {
	border:solid 1px #006699;
}
.table_paiement_secu td {
	padding: 5px;
}