/* CSS Document */

/*ESPACE PRO - Gauche*/
#contenu-pro #gauche{
	float:left;
	width:205px;	
}

#contenu-pro #centre{
	float:left;
	margin:0 0 20px 50px;	
}

#espace-pro{
	float:left;
	width:100%;
	background:url(/desktop/charte/structure-generale/pointilles.png) repeat-x bottom left;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	font-size:15px;
}

#espace-pro span{
	color:#2398d6;
}

#espace-pro a{
	float:right;
	height:25px;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	background-image:linear-gradient(-90deg, #bdc8d1, #d7dee3);
	background-image:-moz-linear-gradient(-90deg, #bdc8d1, #d7dee3);
	background-image:-webkit-linear-gradient(-90deg, #bdc8d1, #d7dee3);
	background-image:-o-linear-gradient(-90deg, #bdc8d1, #d7dee3);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc8d1', endColorstr='#d7dee3', GradientType=0);
	color:#445162;
	padding:8px 20px 0 30px;
	margin:-8px 0 0 0;
	font-size:12px;
	text-align:center;
	text-decoration:none;
}

#espace-pro a:hover{
	color:#ffffff;
	background-image:linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-moz-linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-webkit-linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-o-linear-gradient(-90deg, #2b8abc, #37a1da);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8abc', endColorstr='#37a1da', GradientType=0);
}

#espace-pro a span{
	float:right;
	width:20px;
	height:20px;
	background:url(/desktop/charte/pictos/picto-pages.png) -24px -727px no-repeat;
	margin:-2px 0 0 20px;
}

.menu-pro{	
	background:#d1d9df;	
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	padding:20px 0;
}

.menu-pro ul li{
	list-style:none;	
}

.menu-pro ul li a{
	float:left;
	width:185px;
	background:#e4e9ed;	
	margin:0 0 3px 0;
	padding:10px;
	text-decoration:none;
}

.menu-pro ul li a span{
	float:right;
}

.menu-pro ul li a:hover, .menu-pro ul li a.select{
	color:#2398d6;
}

.menu-pro ul li a.select{
	background:#f5f7f8
}

.ss-titre{
	width:100%;
	font-size:20px;
	margin:0 0 10px 0;
	padding:0;
}

.ss-titre h1{
	display:inline;
	font-size:20px;	
	font-weight:normal;
}

.ss-titre span{
	color:#2398d6;
}

.ss-titre p{
	padding:2px 0 0 0;
	font-size:15px;
}

.b-retour a{
	float:right;
	color:#2398d6;
	padding:7px 0 0 0;
}

/*Formulaire*/
form.formulaire{
	padding:0;
	margin:0;
	font-family: 'oxygenregular',"Trebuchet MS", sans-serif;
}

form.formulaire label{
	float:left;
	width:145px;
	padding:5px 0 0 0;
	margin:0 3px 10px 0;
	font-family: 'oxygenregular',"Trebuchet MS", sans-serif;
	font-size:12px;	
}

form.formulaire label.gd{
	width:390px !important;
}

form.formulaire input{
	float:left;
	width:255px;
	height:22px;
	padding:0 10px;
	margin:0 0 10px 0;
	background:#fafafa;
	border:1px solid #ddd;
	font-family: 'oxygenregular',"Trebuchet MS", sans-serif;
}

form.formulaire input[type=file]{
	float:left;
	width:254px;
	height:20px;
	padding:2px 10px;
	font-size:12px;	
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

form.formulaire input:focus{
	background:#ffffff;
}

form.formulaire select{
	float:left;
	width:277px;
	height:25px;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	background:#fafafa;
	border:1px solid #ddd;
	border-right:none;
	font-size:12px;	
	font-family: 'oxygenregular',"Trebuchet MS", sans-serif;
}

form.formulaire textarea{
	float:left;
	width:402px;
	height:136px;
	padding:10px;
	margin:0 0 10px 0;
	background:#fafafa;
	border:1px solid #ddd;
	font-size:12px;	
	font-family: 'oxygenregular',"Trebuchet MS", sans-serif;
}

form.formulaire textarea.gd{
	float:left;
	width:898px;
	height:136px;
	padding:10px;
	margin:0 0 10px 0;
	background:#fafafa;
	border:1px solid #ddd;
}

form.formulaire .txt p{
	float:left;
	width:275px;
	margin:0 0 0 148px;
	color:#2398d6;
	cursor:pointer;
}

form.formulaire .sepa{
	clear:both;
	float:left;
	width:100%;
	border-bottom:1px solid #ddd;
	background:none;
	margin:10px 0 20px 0;
}

form.formulaire .sepa-pt{
	clear:both;
	background:url(/desktop/charte/structure-generale/pointilles.png) bottom left repeat-x;
	height:4px;
	margin:15px 0;
}

form.formulaire .chk-radio label{
	float:left;
	width:50px;
	margin:0 10px 0 0;
	cursor:pointer;
}

form.formulaire .chk-radio input{
	float:left;
	width:12px;
	margin:3px 10px 0 0;
	padding:0;
	border:none;
	background:none;
	cursor:pointer;
}

form.formulaire .chk-nl{
	float:left;
	margin:0 0 10px 148px;
}

form.formulaire .chk-nl input{
	float:left;
	width:12px;
	margin:3px 10px 0 0;
	padding:0;
	border:none;
	background:none;
}

form.formulaire .chk-nl label{
	float:left;
	width:150px;
	margin:0 10px 0 0;
}

form.formulaire .submit{
	float:left;
	width:275px;
	height:42px;
	padding:10px;
	margin:0 0 10px 148px;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	background-image:linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-moz-linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-webkit-linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-o-linear-gradient(-90deg, #2b8abc, #37a1da);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8abc', endColorstr='#37a1da', GradientType=0);
	color:#ffffff;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

form.formulaire .submit:hover{
	background-image:linear-gradient(-90deg, #8492a3, #bdc8d1);
	background-image:-moz-linear-gradient(-90deg, #8492a3, #bdc8d1);
	background-image:-webkit-linear-gradient(-90deg, #8492a3, #bdc8d1);
	background-image:-o-linear-gradient(-90deg, #8492a3, #bdc8d1);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8492a3', endColorstr='#bdc8d1', GradientType=0);
}

form.formulaire .submit-depot input{
	float:left;
	width:275px;
	height:42px;
	padding:10px 20px 10px 10px;
	margin:0 0 10px 148px;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	background-image:linear-gradient(-90deg, #e06c01, #fc7802);
	background-image:-moz-linear-gradient(-90deg, #e06c01, #fc7802);
	background-image:-webkit-linear-gradient(-90deg, #e06c01, #fc7802);
	background-image:-o-linear-gradient(-90deg, #e06c01, #fc7802);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e06c01', endColorstr='#fc7802', GradientType=0);
	color:#ffffff;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}

form.formulaire .submit-depot input:hover{
	background-image:linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-moz-linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-webkit-linear-gradient(-90deg, #2b8abc, #37a1da);
	background-image:-o-linear-gradient(-90deg, #2b8abc, #37a1da);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8abc', endColorstr='#37a1da', GradientType=0);
}

form.formulaire .submit-depot span{
	position:absolute;
	width:35px;
	height:35px;
	margin:9px 0 0 -40px;
	background:url(/desktop/charte/pictos/picto-pages.png) -20px -445px no-repeat;
}


form.formulaire #modif-mdp{
	display:none;
}

#centre ul.liste-reglement, #centre ul.liste-factures{
	padding:0;
	margin:0;
}

#centre ul.liste-reglement li, #centre ul.liste-factures li{
	list-style:none;
	padding:0;
	margin:0;
}

#centre ul.liste-reglement li a, #centre ul.liste-reglement li .li-reglement{
	float:left;
	width:390px;
	margin:0 0 5px 0;
	padding:10px 10px 10px 50px;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	background:#f5f7f8;
	text-decoration:none;
}

#centre ul.liste-reglement li .li-reglement{
	cursor:auto;
}

#centre ul.liste-reglement li a:hover{
	background-color:#e3e6e9;
}

.legende p{
	padding:10px 0 10px 25px;
	font-weight:bold;
}

.legende ul li{
	height:30px;
	list-style:none;
	font-size:11px;	
	line-height:12px;
	padding:0;
	margin:0 0 10px 0;
}

.legende span{
	float:left;
	width:20px;
	height:23px;
	margin:0 5px 0 0;
}

#centre ul.liste-reglement li a span, #centre ul.liste-reglement li .li-reglement span{
	float:left;
	width:22px;
	height:22px;
	margin:0 10px 0 -35px;
	background:url(/desktop/charte/pictos/picto-pages.png) -27px -1284px no-repeat;	
}

#centre ul.liste-reglement li a span, #centre ul.liste-reglement li .li-reglement span, .legende span.attente{
	background:url(/desktop/charte/pictos/picto-pages.png) -27px -1284px no-repeat;	
}

#centre ul.liste-reglement li.ok a span, #centre ul.liste-reglement li.ok .li-reglement span, .legende span.ok{
	background:url(/desktop/charte/pictos/picto-pages.png) -27px -1259px no-repeat;
}

#centre ul.liste-reglement li.stop a span, #centre ul.liste-reglement li.stop .li-reglement span, .legende span.stop{
	background:url(/desktop/charte/pictos/picto-pages.png) -27px -1306px no-repeat;
}

#centre ul.liste-reglement li.pass a span, #centre ul.liste-reglement li.pass .li-reglement span, .legende span.pass{
	background:url(/desktop/charte/pictos/picto-pages.png) -27px -867px no-repeat;
}

#centre ul.liste-reglement li.save a span, #centre ul.liste-reglement li.save .li-reglement span{
	width:30px;
	height:30px;
	margin:0 10px 0 -40px;
	background:url(/desktop/charte/pictos/picto-pages.png) -20px -230px no-repeat;
}

#centre ul.liste-reglement li a b, #centre ul.liste-reglement li .li-reglement a{
	text-decoration:underline;
	font-weight:normal;
	color:#2398d6;
	background:none;
	padding:0;
	margin:0;
}

#centre ul.liste-reglement li .li-reglement a:hover{
	text-decoration:none;
}

#centre ul.liste-factures li a{
	float:left;
	width:380px;
	margin:0 0 5px 0;
	padding:10px 10px 10px 60px;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	color:#2398d6;
	background:url(/desktop/charte/pictos/picto-pages.png) -6px -787px no-repeat #f5f7f8;
}

.contenu-devis{
	padding:0;
	margin:0;
}

.colonne50{
	float:left;
	width:46%;
	margin:0 2%;
}

.colonne100{
	float:left;
	width:86%;
	margin:0 2%;
}
	
.etape-devis{
	float:left;
	width:100%;
}
	
.etape-devis ul li{
	list-style:none;
}

.etape-devis ul li a, .etape-devis ul li .etp_vide{
	float:left;
	width:224px;
	height:44px;
	margin:0 15px 0 0;
	list-style:none;
	font-size:15px;
	line-height:18px;
	text-decoration:none;
	color:#d1d9df;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	padding:10px 0 0 10px;
	border:1px solid #d1d9df;
	cursor:auto;
}

.etape-devis ul li a.select span{
	float:right;
	width:30px;
	height:30px;
	margin:0;
	background:url(/desktop/charte/pictos/picto-pages.png) -40px -387px no-repeat;
}

.etape-devis ul li a span, .etape-devis ul li .etp_vide span{
	float:right;
	width:30px;
	height:30px;
	margin:0;
	background:url(/desktop/charte/pictos/picto-pages.png) -40px -351px no-repeat;
}

.etape-devis ul li a.select{
	border:1px solid #2398d6;
	color:#2398d6;
}

.etape-devis ul li a.on{
	border:1px solid #445162;
	color:#445162;
	cursor:pointer;
}

.etape-devis ul li a p, .etape-devis ul li .etp_vide p{
	float:left;
	margin:-8px 20px 0 0;
	font-size:26px;
	line-height:40px;
}

.zone-info{
    width:970px;
    border: 1px solid #2398D6;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background:#f5f7f8;
    padding:10px;
    margin:20px 0;
    text-align:center;
}

.zone-info p{
	color:#2398d6;
	font-size:14px;
}

#fact-orga, #adresse-fact{
	display:none;
}

.save a{
	float:right;
	color:#717f92;
	margin:0 40px 10px 0;
	padding:2px 0 2px 25px;
	background:url(/desktop/charte/pictos/picto-pages.png) -25px -868px no-repeat;
}

/*Panier - devis*/
.panier-devis{	
	background:#f5f7f8;	
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	padding:0 0 5px 0;
	margin:0;
}

.panier-devis .titre{
	font-size:20px;
	padding:10px 10px 10px 45px;
	background:url(/desktop/charte/pictos/picto-pages.png) -10px -925px no-repeat;
}

.panier-devis .titre span{
	color:#2398d6;
}

.panier-devis .supp-liste-panier{
	position:absolute;
	display:block;
	width:14px;
	height:14px;
	padding:20px;
	background:url(/desktop/charte/pictos/picto-pages.png) -18px -996px no-repeat;
	margin:-10px 0 0 295px;
	cursor:pointer;
}

.liste-reglement .supp-liste-panier{
	position:absolute;
	display:block;
	width:14px;
	height:14px;
	padding:20px;
	background:url(/desktop/charte/pictos/picto-pages.png) -18px -996px no-repeat;
	margin:0 0 0 450px;
	cursor:pointer;
}

.file-reglement .supp-liste-panier{
	float:left;
	width:14px;
	height:14px;
	padding:10px 10px 10px 0;
	background:url(/desktop/charte/pictos/picto-pages.png) -18px -996px no-repeat;
	margin:-7px 10px 0 -10px;
	cursor:pointer;
}

.panier-devis ul li{
	float:left;
	width:90%;
	background:#e4e9ed;	
	margin:0 0 3px 0;
	padding:5%;
	line-height:14px;
	text-decoration:none;
	list-style:none;
}

.panier-devis ul li span{
	float:right;
	font-weight:bold;
	text-align:right;
	font-size:13px;
	margin:0 0 0 10px;
}

#div-panier-formule h2{
    display : inline;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    font-size: 13px;
}

.devis_droite .total{
	padding:10px;
	margin:5px 0 10px 0;
	border:1px solid #d1d9df;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

.devis_droite .total span{
	float:right;
	text-align:right;
	margin:0 0 0 10px;
	color:#fc7802;
	line-height:14px;
}

.devis_droite .total span b{
	font-size:20px;
	font-weight:normal;
}

#contenu-devis.devis_centre{
	width:650px;
	padding-top:10px;
}

ul.type-reglement, ul.type-formule, ul.type-service, ul.type-paiement{
	float:left;
	width:650px;
	padding:0;
	margin:10px 0;
}

ul.type-reglement li, ul.type-formule li{
	list-style:none;
}

ul.type-service li, ul.type-paiement li{
	list-style:none;
	clear:both;
}

ul.type-reglement li .bloc-radio{
	float:left;
	width:285px;
	height:50px;
	padding:15px;
	margin:0 20px 0 0;
	background:#f5f7f8;
	text-decoration:none;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	font-size:15px;
	line-height:16px;
	cursor:pointer;
}

ul.type-reglement li .bloc-radio h2, ul.type-reglement li .bloc-radio h3{
	display:inline;
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:15px;
}

ul.type-formule li .bloc-radio{
	float:left;
	width:117px;
	height:80px;
	padding:15px;
	margin:0 20px 0 0;
	background:#f5f7f8;
	text-decoration:none;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	font-size:15px;
	line-height:16px;
	text-align:center;
	cursor:pointer;
}

.div-radio-formule h2, .div-radio-formule h3{
	display:inline;
	padding:0;
	margin:0;
	font-size:12px;
}

ul.type-service li .bloc-radio, ul.type-paiement li .bloc-radio{
	float:left;
	width:525px;
	height:25px;
	padding:20px 5px 10px 15px;
	margin:0 20px 10px 0;
	background-color:#f5f7f8;
	text-decoration:none;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	font-size:15px;
	line-height:16px;
	cursor:pointer;
}

ul.type-paiement li .bloc-radio{
	width:595px;
	padding:10px 5px 20px 15px;
	background-repeat:no-repeat;
	background-image:url(/desktop/charte/pictos/pictos-paiement.png);
	background-position:60px 0;
}

ul.type-paiement li.cb .bloc-radio{
	background-position:60px 0;
}

ul.type-paiement li.tel .bloc-radio{
	background-position:60px -60px;
}

ul.type-paiement li.cheque .bloc-radio{
	background-position:60px -120px;
}

ul.type-paiement li.virement .bloc-radio{
	background-position:60px -180px;
}

ul.type-reglement li .bloc-radio.select, ul.type-reglement li .bloc-radio.select .prix, ul.type-formule li .bloc-radio.select, ul.type-formule li .bloc-radio.select .prix, ul.type-service li .bloc-radio.select, ul.type-service li .bloc-radio.select .prix, ul.type-paiement li .bloc-radio.select{
	background-color:#e3e6e9;
}

ul.type-reglement li .bloc-radio span{
	float:left;
	width:30px;
	height:30px;
	background:url(/desktop/charte/pictos/picto-pages.png) 0 -1070px no-repeat;
	margin:10px 20px 5px 0;
}

ul.type-formule li .bloc-radio span.visuel-bouton{
	display:block;
	width:30px;
	height:30px;
	background:url(/desktop/charte/pictos/picto-pages.png) 0 -1070px no-repeat;
	margin:-5px 0 0 43px;
}

ul.type-service li .bloc-radio span, ul.type-paiement li .bloc-radio span{
	float:left;
	width:30px;
	height:30px;
	background-image:url(/desktop/charte/pictos/picto-pages.png);
	background-position:0 -1210px;
	background-repeat: no-repeat;
	margin:-8px 10px 5px -5px;
}

ul.type-paiement li .bloc-radio span{
	margin:0 85px 5px -5px;
	background-position:0 -1070px;
}

ul.type-formule strong{
	font-size:26px;
	line-height:24px;
}

ul.type-reglement li .bloc-radio:hover span, ul.type-formule li .bloc-radio:hover span, ul.type-formule li .bloc-radio:hover span, ul.type-reglement li .bloc-radio:hover span, ul.type-reglement li .bloc-radio.select span, ul.type-formule li .bloc-radio.select span, ul.type-paiement li .bloc-radio:hover span, ul.type-paiement li .bloc-radio.select span{
	background-position:-39px -1070px;
}

ul.type-service li .bloc-radio:hover span, ul.type-service li .bloc-radio.select span{
	background-position:-39px -1210px;
}

ul.type-service li .bloc-radio .prix{
	position:absolute;
	width:100px;
	height:25px;
	padding:20px 0 10px 0;
	margin:-20px 0 0 540px;
	background:#f5f7f8;
	text-align:center;
	text-decoration:none;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	font-size:18px;
}


ul.type-service li .bloc-radio .info, .formulaire .info{
	float:right;
	width:24px;
	height:24px;
	margin:-5px 0 0 0;
	background:url(/desktop/charte/pictos/picto-pages.png) -24px -1145px no-repeat;
	cursor:pointer;
	font-size:12px;
}

.formulaire .info{
	float:inherit;
	display:inline-block;
	margin:0 10px 0 5px;
}

.devis-perso{
	padding:10px;
	margin:15px 0 15px 0;
	border:1px solid #d1d9df;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	text-align:center;
}

.devis-perso a{
	color:#2398d6;	
}

.formulaire label .info{
	position:absolute;
	width:24px;
	height:24px;
	margin:-5px 0 0 430px;
	background:url(/desktop/charte/pictos/picto-pages.png) -24px -1145px no-repeat;
	cursor:pointer;
}

.certification{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}

.certification ul{
	margin:20px 0;
}

.certification ul li{
	list-style:none;	
}

.certification ul li a{
	float:left;
	width:36%;
	margin:0 2%;
	padding:1% 2% 1% 8%;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	font-size:16px;
	background:url(/desktop/charte/pictos/picto-pages.png) 0 -1400px #f5f7f8 no-repeat;
	text-decoration:none;
}

.certification ul li.pack a{
	background:url(/desktop/charte/pictos/picto-pages.png) 0 -1330px #f5f7f8 no-repeat;
}

.certification ul li a:hover{
	background-color:#e3e6e9;
}

.certification ul li a span{
	color:#2398d6;
}

.certification ul li a .prix{
	float:right;
	width:150px;
	text-align:center;
}

.certification ul li a .prix strong{
	font-size:22px;
	line-height:20px;
}

.loading{
    display : none;
}

.miniature-logo{
	float:left;
	width:264px;
	height:50px;
	padding:5px;
	margin:0 0 10px 148px;
	border:1px solid #d1d9df;
}

.miniature-logo img{
	float:left;
	margin:0 10px 0 0;
}

.miniature-logo p{
	float:left;
	margin:15px 0 0 0;
}


/*CONNEXION RESEAU SOCIAUX*/
.connexion-reseaux-sociaux{
    padding:0;
    margin:20px 0px 0px 0px;
}

.connexion-reseaux-sociaux p{
	line-height:18px;
}

.connexion-reseaux-sociaux ul{
	padding:0;
	margin:0;
}

.connexion-reseaux-sociaux ul li{
	float:left;
	width:145px;
	list-style:none;
	margin:0 5px 0 0;
	padding:0;
	background:#ecebeb;	
}

.connexion-reseaux-sociaux ul li a{
	display:block;	
	height:25px;
    color:#413d3d;
	font-size:15px;
	text-decoration:none;
	padding:3px 0 0 0;
	color:#ffffff;
}

.connexion-reseaux-sociaux ul li a span{
    float:left;
    width :28px;
	height:28px;
    text-decoration:none;
	background-image:url(/desktop/charte/structure-generale/picto-reseaux.png);
	background-repeat:no-repeat;
	margin:-3px 30px 0 0;
}

.connexion-reseaux-sociaux ul li a.facebook{
	background:#2b4c8d;
}

.connexion-reseaux-sociaux ul li a.facebook span{
	background-position:-28px 0;
}

.connexion-reseaux-sociaux ul li a.twitter{
	background:#29a6ec;
}

.connexion-reseaux-sociaux ul li a.twitter span{
	background-position:-56px 0;
}

.connexion-reseaux-sociaux ul li a.google{
	background:#de4e39;
}

.connexion-reseaux-sociaux ul li a.google span{
	background-position:-84px 0;
}

.connexion-reseaux-sociaux ul li a.linkedin{
	background:#1d83b0;
}

.connexion-reseaux-sociaux ul li a.linkedin span{
	background-position:-112px 0;
}

.connexion-reseaux-sociaux ul li a:hover{
	background:#726f6f;
	color:#ffffff;
}

.bloc-gris{
	width:70%;
	font-size:16px;
	padding:5%;
	background:#F5F7F8;
	border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

a.pdf{
	float:left;
	background:url(/desktop/charte/pictos/picto-pages.png) -12px -787px no-repeat;
	margin:0;
	padding:10px 10px 10px 50px;
}

span.modifier b, span.valider b{
	font-size:22px;
	line-height:18px;
	font-weight:normal;
}

span.modifier{
    width : 160px;
    float:left;
    background:#bdc8d1;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    border:none;
    margin:0;
    padding:10px 20px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
}

span.valider{
    width : 160px;
    float:right;
    background:#9cce17;
    color:#ffffff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    border:none;
    margin:0;
    padding:10px 20px;
    text-decoration:none;
    text-align:center;
    cursor:pointer;
}

span:hover.modifier, span:hover.valider {
    background:#e4e9ed;
    color:#445162;
}

#modifier-ebauche{
    display:none;
}

select.reglement {
    background-color: #e3e6e9;
    border-radius: 5px;
}