/* ----------------------------- */
/* == soft reset                 */
/* ----------------------------- */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body {margin: 0;padding: 0;}
ul,ol {padding-left: 2em;}
ul.unstyled {list-style: none;}
img {vertical-align: middle;border: 0;margin:0; padding:0;}
audio,canvas,video {display: inline-block;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
/* == typography                 */
html {font-size: 62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {background-color: #fff;color: #000;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 1.5em;line-height: 1.5;}
/* font-sizing for content */
p,ul,ol,dl,blockquote,pre,td,th,label,textarea,caption,details,figure {line-height: 1.5;}
/* buttons */
.btn {display: inline-block;}
/* forms items */
form,fieldset {border: none;}
input,button,select,label,.btn {vertical-align: middle;font-family: inherit;font-size: inherit;}
label { display: inline-block;vertical-align: middle;cursor: pointer;}
legend {border: 0;white-space: normal;}
textarea {overflow: auto;min-height: 5em;vertical-align: top;font-family: inherit;font-size: inherit;resize: vertical;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer;-webkit-appearance: button; /* clickable input types in iOS */
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Corrects excess space around these inputs in IE8/9 */
}
input[type="search"] {-webkit-appearance: textfield;}

/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}
::-webkit-input-placeholder {color: #777;}
input:-moz-placeholder,textarea:-moz-placeholder {color: #777;}
/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {border: 0;padding: 0;}
input[type="submit"] { font-size:0.9em;}
kbd {padding:0px 2px 0px 2px;border-width:1px 2px 2px 1px;border-style:solid;border-color:#edd #baa #baa #eed;background:#faf6f6;color:#000000;}

form{width:98%;}
img{ display:block;}
TABLE { border:none;}
legend{display:block; color: #003333; font-size:0.9em;}
fieldset{display:block; border: #003333  solid 1px ;width: 97%;max-width: 97%; margin:0 auto 0 15px;text-align:justify; line-height:1.5em;}
textarea{width: 98%;max-width: 98%; min-height:200px ;}
LABEL{ font-size:0.8em;font-weight: bold;color:  #003333; text-align:left;}

input[type="radio"]{vertical-align:middle;margin-left:6px;}
input[type="checkbox"]{vertical-align:middle;}
select, option{height:2.4em;}	

body{background-color: #D4E3FA;}
#content{position:relative;max-width: 988px;height:100%;margin: 0 auto;text-align:left;background-color:#F5F3F8;}
#header {max-width:988px;z-index: 2;height:50px; background-color:#D4E3FA;}
#header .logo{width:100%; border-radius:20px 0 0 0;}
#titre_header{font-size:1.2em; }
#header .slogan{font-family: Tahoma, Geneva, sans-serif;font-size:0.6em; font-weight:bold; padding:0; margin:0; color:#4062A2;}
/* Liens d'évitements et barre JS */
#access{max-width:988px; margin:0 auto ;height: 30px;margin-top: 2px;background-color:#D4E3FA;}
#menu_top {float:right; width:100%;font-size:0.7em;margin:0;padding:6px 0 6px 0;}
#menu_top li {display:block;float: right;width:auto;padding:0 6px;}
#outils { display:none;float:right;width:60px;font-size:0.9em;margin:0;padding:6px 0 6px 0;}
#outils ul {margin-left:10px;}
#outils li {display:block;float:left;width:auto;padding:0 10px; background-color:#FFFFFF;}
#outils_bas { clear:both;text-align:right; font-size:0.8em; margin-right:30px;}
#menu_top a{color:#D4E3FA;}
#menu_top a:hover,#menu_top a:focus,#menu_top.focused a {color: #FFF;}
#outils .focused a{color:#111;}
#outils_bas {font-size:0.8em; margin-top:10px; margin-bottom:10px;}
/* Corps de page */
#content-text {z-index:1; margin-left:200px;margin-top:40px; }
#content-text ul{margin-left:16px;}
#content-text li{ list-style:square !important;}
#footer{ clear:both;min-height:20px; padding-bottom:6px;background-color:#F5F3F8;margin-bottom: 40px;}
#footer p{border-radius:8px;}
.rss{width:20px; height:20px;float:right; margin-right:10px;}
/* Corps de page */
#fil{ display:block;width:98%; min-height:30px;padding-left:10px; padding-right: 10px; }
#gauche{float:left; width:186px; margin-left:2px ; margin-top:30px;}
#corps {width:100%;padding-left:10px; padding-right: 10px; }
#content_articles { width:100%;}
.blocp2{ float:left; min-height: 170px; width:98%; padding:5px 0 0 5px;background-image:url(../media/g3.jpg);}
.blocp2 img{ padding:5px;border-radius:12px;}
#plan{padding:8px;}
#plan1,
#plan2 {width:340px;float:left; text-align:center;}
#plan1 iframe,
#plan2 iframe{ display:block;width:340px;height:290px; margin-left:auto ; margin-right:auto;}
#coins{font-size:14px; background-color: #CCCCCC ;margin-left:25px; width:700px; height:200px; display:block; z-index:10;}
#infosT1{ float:left; width:97.5%; margin:5px 0 0 5px;}
/* Zones d'infos sous le menu */
#zoneinfos{width:180px;left:5px;margin-top:10px;}
.zonecontact,
.zonelienPsy,
.zonelienMTC,
.zonelienCoach,
.zoneaccueil1{border: 1px solid #C2BFDE;} 
.zonecontact,
.zonelienPsy,
.zonelienMTC,
.zonelienCoach,
.zoneaccueil1{ width:180px;padding:1px; margin-top:10px;border-radius:8px; font-size:0.8em;  }
.zonecontact img{ max-width:54px;vertical-align: middle; border-radius:8px; margin-left:auto; margin-right: auto;}
.zoneaccueil1 img{ max-width:24px;vertical-align: middle; float:left;border-radius:8px; margin-right:3px;}
.zonecontact img.imgadr{border-radius:0px;max-width:168px; margin:10px 0;}

.zoneinfos{width:180px;padding:5px;margin-top:10px;border-radius:8px;}
.zoneinfos img{max-width:172px;border-radius:8px;}
.accueil{display:block; border: #003333  solid 1px ;width:386px;text-align:justify; line-height:1.5em;}
.arrondi{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;	behavior: url('scripts/border-radius.htc');}
.bloc{display:block;}
.center {text-align:center;}
.alR {text-align:right!important;}
.clear{clear:both;}
.clearL{clear:left;}
.clearR{clear:right;}
.cligno{text-decoration:blink;font-weight:bold; color: #003333;font-size:11px;}
.ent{ border:1px #000000 solid;}
.flL{ float:left;}
.flR{ float:right;}
.gras{ font-weight:bold;}
.h32p{ height:32px;}
img.center{margin-left: auto;margin-right: auto;}
.in25{text-indent:25px;}
.in100{text-indent:100px;}
.just{text-align:justify;}
.j{text-indent:25px; text-align:justify;}
.lhmy{ line-height:1.9em;}
.mtop0{margin-top:0;}
.mtop12{margin-top:12px;}
.pad5{padding:5px;}
.ph100{ width:100%;}
.red{ color:#600;}
.soul{ text-decoration:underline;}
.sep{}
.titre{color:#000; margin-left:6px;}
.textebandeauGM{font-size:1.8em; line-height:1em; text-align:center; padding:0; margin:0;}
.textebandeauPM{font-size:1.0em; margin:16px 16px 0 16px;text-align: center; line-height:1.1em; }
.w100{ width:90px;}

/* alternate font-sizing */
.smaller {font-size: .7143em; /* equiv 10px */}
.small {font-size: .8571em; /* equiv 12px */}
.big {font-size: 1.1429em; /* equiv 16px */}
.bigger {font-size: 1.2857em; /* equiv 18px */}
.biggest {font-size: 1.4286em; /* equiv 20px */}

/*Eléments*/
h1{font-size:1.1em;font-style:italic;color: #8E7FE6; padding:5px; margin-left:6px;}
h2{font-size:0.9em;font-style:italic;color: #8E7FE6; padding:5px; margin-left:6px;}
h3{font-size:0.8em;font-style:italic;color: #8E7FE6; padding:5px; margin-left:6px;}
p{display:block; font-size:0.9em;margin:10px; color: #4F205E;}
ul{font-size:0.9em;color: #4F205E;}
blockquote{display:block;font-size:0.9em;margin:10px;color: #4F205E;}

TH{font-family: "Courier New", Courier, monospace, sans-serif;font-size:0.90em;padding: 5px; }
TD {font-size:0.90em;font-family: sans-serif;padding: 5px;}
.tth{font-weight:bold;}
.col1{width:58%; text-align:left; vertical-align:top;}
.col2{width:18%; text-align:center; vertical-align:top;}
.col3{width:12%; text-align:right; vertical-align:top;}
.mauve{color:#C2BFDE;}
.creme{color:#FBE4B8;}
.bleu{color:#8C80E4;}
.tetbleu{display:block; background-color:#8C80E4; padding:6px; border-radius:8px 8px 0 0;text-align:center;}
.tetbleuC{display:block; background-color:#CAD5EB; padding:6px; border-radius:8px 8px 0 0;text-align:center;}
.col2{ text-align:center;}
TH.col3{text-align:center;}

/*Menu Principal*/
#menu{width:186px;margin-left:5px;}
#navigation, #navigation .subMenu {list-style-type: none;}
#navigation {margin: 0;padding: 0;background-color:#E8E4DB ;width: 186px;font:0.9em "Trebuchet MS", Arial, sans-serif; font-weight:bold;border-radius: 8px;} 
#navigation a:hover,#navigation a:focus,#navigation a:active {display: block;text-decoration:none;} 
#navigation a,#navigation span {display: block;  padding: 2px 10px 0px 5px; border-bottom:2px solid  #C2BFDE;text-decoration: none;height: 30px;border-radius:0px 0px 0px 8px;color:#1E201D;}
#navigation span a{border-bottom:0px solid  #666;border-radius:0px 0px 0px 0px;}
#navigation span:hover,#navigation span:focus,#navigation span:active {background-color: #FFC !important;}



/* Truncate */
a.truncate_more_link {font-size:0.8em; margin-left:30px}

/* Liens */
a:link{color:#003300 ;text-decoration:none;}
a:visited{color:#003300 ;text-decoration:none;}
a:hover{color:#003300;text-decoration:underline;}
a:active{color:#003300;text-decoration:none; }
a:focus {color:#003333; outline:1px dashed  #000000; }
a img{ border:none;}
.urlext a{color:#4F205E;text-decoration:none;}
.urlext a:link{color:#4F205E ;text-decoration:none;}
.urlext a:visited{color:#4F205E ;text-decoration:none;}
.urlext a:hover{color:#4F205E;text-decoration:underline;}
.urlext a:active{color:#4F205E;text-decoration:none;}
.urlext a:focus {color:#4F205E; outline:1px dashed  #000000; }
/* Radius et Shadow */
fieldset,
.corners{-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);display: block;}
.corner{-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);display: block;}
/*	
-------------------------------------------
Gestion de la zone d'actualités
-------------------------------------------
*/
#actus { float:right; margin:16px 12px 12px 12px;max-width: 252px;max-height:320px;overflow: hidden; border:1px solid #8C80E4; font-size:0.9em;}
#actusContent { float:left;width:250px;height:320px;}
#actusContent .top{font-size:0.9em; display:block;
   padding: 7px 10px;
   width: 364px;
   background-color: #8C80E4;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #FFF; font-weight:bold;
   top: 0px; border-radius:8px 8px 0 0;  
}
/*	
-------------------------------------------
/* On cache le menu pour petits écrans */
.slicknav_menu {display:none;}
/* Ajustement en fonction de la largeur d'écran */
@media screen and (max-width: 1018px) {
#formulaire form{width:94%;}
}
@media screen and (max-width: 640px) {
.pbr{ clear:both; display:block;}
label{display:block;}
#actus {float:none;max-width: 100%;max-height:none; margin:26px 12px 12px 12px;}
#actusContent {float:none; clear:both;width:auto !important;height:auto !important;}
#actusContent .top{width: auto !important;}
}
@media screen and (max-width: 480px) {
#header{ min-height:0 !important;}
#content-text img{float: none !important; display:block; width:60%;margin-left: auto;margin-right:auto; height:auto;}
.logo{ width:98% !important; height:auto !important;}
p {text-align:justify;}
.imgbr{ float:none !important;clear:both; display:block;  }
#formulaire form{width:90%;}
}
@media screen and (max-width: 320px) { }