@charset "utf-8";
/* CSS Document */
body{ color:#333; background: #FFF; }
.intro {font-size:1.2em; line-height:1.5em; font-weight:500; text-align:left; margin:3em 2em 2em 0; color:#393939;}
.intro > img { width:65%; max-width:800px; float:right; margin-top:-6em; margin-bottom:2em; padding-left:3em; }
.intro > span { padding-right:4em;}
#sidebar{ background: #788C5D; border-right:1px solid #ccc;}
#main { border-left: 1px solid #ccc; }
#page{ margin:1em; padding:2em; font-size:12pt; box-shadow:2px 2px 5px #ccc; background:rgba(0,0,0,0.10);}
.colleft{ width:68%; float:left;}
.colright{ width:30%; float:right; border-left:1px solid #e83568; padding-left:0.5em;}
@media screen and (max-width: 980px) { 
	#page{ margin:0.5em; padding:0.5em;}
	.colleft{ width:100%; }
	.colright{ width:100%; border-left:none; border-top:1px solid #e83568; margin-top:1em; padding-top:1em;}
}
p { margin: 5px 0;}
#page H2 {font-size:1.2em; color:#e83568; font-weight:600; text-transform:uppercase; border-bottom:3px solid #e83568;}
label.gauche{ color: #e83568; font-weight:bold; font-size:1.1em; padding:0.2em; margin-right:0; width:100%; text-align:left; text-transform:uppercase; margin-top:2em; }
label.droite { color: #e83568; font-weight:bold; font-size:1.1em; padding:0.2em; margin-right:0; width:100%; text-align:left; text-transform:uppercase; margin-top:2em; }
.blocdr{ margin-bottom:2em; padding:0;}
.textmanchette {display:bloc; margin:0.7em 0 0.7em 1em; position:relative;}
.textmanchettegauche {display:bloc; margin:1em 0 2em 1em; position:relative; font-size:1.1em;}
img.picto {float:left; height:2em; margin-top:-2.5em;}
img.pictodroite {float:left; height:2em; margin-top:-2.5em;}
img.logo {position:absolute; display:bloc; bottom:0; right:0; width:150px; background:white; padding:10px;}
#page ul { margin:0; list-style-type:none; }
#page ul li:before { content: "► "; }
#page ul li {margin:0; padding-top:0; padding-bottom:3px; }
#page p { margin: 5px 0; line-height: 1.3; font-size: 0.9em; }
.col_12 {margin:0; padding:0; width:100%; margin-bottom:5px;}
table, tr, td { border:0; font-size:1em;}

h1 { text-align:left; border:none; font-size:3.2em;}
.main{margin-top:-2em;}
@media screen and (max-width: 1280px) { .main{margin-top:0; } }
@media screen and (max-width: 1024px) { 
	.main{margin-top:2em;}
	 h1 { font-size:2.5em; margin-bottom:1em;}
	.intro {margin:1em;}
	.intro > img {margin-top:1em; width:100%; padding:0;} 
	.intro > span { padding-right:0;}
}
#ListingFormComp, #PresFormAccueil{ clear:both; padding:0; margin:2em 0 2em 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:space-evenly; flex-wrap:wrap; align-items:center; align-content:center;}
#ListingForm { clear:both; padding:0; margin:2em 0 2em 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; justify-content:center; flex-wrap:wrap; align-items:flex-start; align-content:center;}
#ListingForm a { width: calc(25% - 2em); border: 0; text-align: center; display: block; margin:1em; font-weight: bold; font-size: 1.25em; line-height: 1.2; }
@media screen and (max-width: 1284px) { #ListingForm a { width: calc(30% - 2em); } }
@media screen and (max-width: 1024px) { #ListingForm a { width: calc(50% - 2em); } }
H3.BlocForm{ font-size: 1em; }
H3.BlocForm a:link { padding:5px 1em; background:#e83568; border-radius:1em; color:#FFF !important; margin:0 0.5em; font-weight:normal;} 
H3.BlocForm a:hover { padding:5px 1em; background:#e83568; text-decoration:none; box-shadow: 2px 2px 2px#ccc; border-radius:1em; color:#FFF !important; margin:0 0.5em; font-weight:normal;} 
H3.BlocForm a:visited { background:#e83568; color:#fff !important; } 
.PresForm{ margin:0; margin-bottom: 1em; padding:1em 2em; font-size:0.9em; background:rgba(0,0,0,0.10); border-radius:1em; }
.PresForm H2 { margin-bottom:0.5em; display: block; width:75%; float:left; letter-spacing: 0.15em; }
.PresForm .boutonss {float:right; display: block; width:25%; text-align:right;}
.PresForm .intro { clear:both; display: block; width:100%; text-align:left; font-size: 1em; } 
.BlocInscription{display:inline-block; box-sizing: border-box; width: auto; width:49%; margin:0 1% 0.5em 0; padding:1em 1em 0.5em; background:rgba(0,0,0,0.05); border-radius:10px; font-size:0.9em;}
.BlocInscription H3  {display:block; text-align:left; float:none;}