/* a7dbff light blue for JP's background */
/* b0d9ff light blue for Jean-Pierre */
/* 6fb6e5 darker blue for background - see above */

/* light blue test : c3d9ff, 87bbff*/
/* ==== universal ==== */
body {font-size:16px; /*must override for IE6 */ line-height: 1.0625em; background-color:#c3d9ff;} 
#wrapper {font-family: Verdana, "Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; font-size:100%; font-weight: normal; color: #666;}
#navalphacontainer {font-size:0.8em; font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; }
/*11px*/
.erreur {font-size:1.00em; margin-left: 40px;}
a {color:#666699; text-decoration:none; }
a:visited {color:#6669;}
a:hover {color:#808080; }
hr {clear:both; display:block; height:1px; margin:0 0 1.3em 0; padding:0; border:none; border-top:1px solid #999; }
img {border:0; }
ul, ol, li {padding:0; margin:0; list-style:none; }
table {border-top:1px solid #BBB; border-collapse:collapse; }
th, td {padding:3px 8px 3px 0; border-bottom:1px solid #BBB; }
th {font-weight:bold; color:#666; text-align:left; }
td {color:#333; }
li.spacer {height:1em; }

.clear{clear:both;}
.center{ text-align: center; }
/* Clear fix    */
/* -------------------- */
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

/* ===== div structure ==== */
#wrappercontainer { width:100%; text-align:center; /*for IE */}
#wrapper { width:800px; margin:0 auto;/* align for good browsers */ text-align:left;/* counter the body center */}
#headercontainer { width:800px; height:130px; background: url("../../global/img/banner_top.jpg") no-repeat left 1px;}
#bannercontainer { width:410px; float:right; height:50px; margin-top: 70px;}
#navalphacontainer { float:left; padding-bottom:0em; width: 100%;}

#contentcontainer {float: left; width:590px; background-color: #ffffff; border: 1px silver solid; border-top: none;}
#sidebarcontainer {float: left; width: 208px; background-color: #E4FAfA;}

#footercontainer { width:800px; clear:both; margin-top:15px; }
#divider {display: block; clear: left;}


/* === Font Colors and H anchors - Content & Sidebar === */
#content {font-size:0.6875em; }
#sidebar {font-size:0.6875em; }

#content h1 {font-size:1.5625em; color:#66a8d3; margin:1em 0 0.8em 0; padding:0; }
#sidebar h1 {font-size:1.2em; color:#90bfe6; margin:1em 0 0.2em 0; padding:0; }

#content h2, #sidebar h2 {font-size:1.2em; color:#6fb6e5; margin: 0.5em 0 0 0;}
#content h3, #sidebar h3 {font-size:1.1em; } /*18px*/
#content h4, #sidebar h4 {font-size:1em; color:#444;} 

#content h2, #content h3, #content h4 {margin:0.5em 0 0.3em 0; padding:0; clear:both;}
#sidebar h2, #sidebar h3, #sidebar h4 {margin:0.5em 0 0.3em 0; padding:0; clear:both;}

#content h3, #content h4 {color:#686868; }
#sidebar h3, #sidebar h4 {color:#686868; }

#content {float:left; margin:0 20px 20px 20px; }
#content p {margin:0 0 1.4em 0; padding:0; }
#content ul {margin:0 0 1.4em 1em; padding:0; }
#content .left {margin:4px 8px 4px 0; float:left; clear:left; }
#content .right {float:right; margin:4px 0 4px 8px; clear:left;}
#content table {font-size:1em; line-height:1.375em;}

#sidebar {float:right; margin:0px 5px 0px 5px; }
#sidebar p {margin:0 0 1.4em 0; padding:0; }
#sidebar ul {margin:0 0 1.4em 1em; padding:0; list-style-type: disc; }
#sidebar .left {margin:4px 8px 4px 0; float:left; clear:left; }
#sidebar .right {float:right; margin:4px 0 4px 8px; clear:left;}

/* ==== banner ==== */
#banner{display: block; position: relative; margin: 4px 0px 0px 0px;}
#banner img.logo {}

/* === Wirefreame Menu=== */
.wireframeauramenu{font-weight: normal; width: 100%;}
.wireframeauramenu ul{background-color: #ededff; border: 1px solid #BBB;padding: 5px 0;margin: 0;text-align: center; overflow: hidden;}
.wireframeauramenu ul li{display: inline;}
.wireframeauramenu ul li a{color: #494949;padding: 6px 12px 6px 6px;margin: 0;text-decoration: none;border-right: 1px dashed #BBB; /*right border between menu items*/}
.wireframeauramenu ul li.accueil a{border-left: 1px dashed #BBB;}
.wireframeauramenu ul li a:hover{color: black; background-color: #ffffff;}
/* Nouveau! */
.wireframeauramenu ul li.certificats a{ font-weight: bold; background-color: #FF9; }

body#accueil .wireframeauramenu li.accueil a{background-color: #a2caec; color:#ffffff;}
body#formations .wireframeauramenu li.formations a{background-color: #a2caec; color:#ffffff;}
body#consultations .wireframeauramenu li.consultations a{background-color: #a2caec; color:#ffffff;}
body#certificats .wireframeauramenu li.certificats a{background-color: #a2caec; color:#ffffff;}
body#reviews .wireframeauramenu li.reviews a{background-color: #a2caec; color:#ffffff;}
body#contact .wireframeauramenu li.contact a{background-color: #a2caec; color:#ffffff;}

/* === Accueil === */
body#accueil #headercontainer {display:none;}
body#accueil #wrappercontainer {margin-top: 30px;}
body#accueil #wrapper {width: 911px;}
body#accueil #contentcontainer {width: 300px; height: 525px;  border: none;}
body#accueil #content {margin: 0px; border: none;}
body#accueil #contentcontainer img {width: 300px; height: 525px;}

body#accueil #sidebarcontainer {height: 525px; width: 600px; background-color: #6fb6e4; color: #eeeeff; font-size: 1.6em; line-height: 0.8em;
	background: url("../../global/img/side_right_accueil.jpg") no-repeat left;}
body#accueil #sidebar {text-align: left; padding: 0px 25px 25px 25px; margin-top: 0px; background-color:#C69; }
body#accueil #featuredImageContainer { position: absolute; }

body#accueil #navalphacontainer {position: relative; top: 420px;}
body#accueil .wireframeauramenu{font-weight: normal; font-size: 0.6em; font-weight: bold;}
body#accueil .wireframeauramenu ul{background-color: #d5f1ff; border: 1px solid #fff;padding: 5px 0;margin: 0; text-align: center; overflow: hidden;}
body#accueil .wireframeauramenu ul li{display: inline;}
body#accueil .wireframeauramenu ul li a{color: #66a8d3;padding: 6px 12px 6px 6px;margin: 0;text-decoration: none;border-right: 1px dashed #BBB;}
body#accueil .wireframeauramenu ul li a:hover{color: black; background-color: #ffffff;}
body#accueil .infolettre {color: #eeeeff; height: 70px; width: 200px; float: right;}
body#accueil .infolettre a{color: #eeeeff;}
body#accueil .infolettre a:hover{color: #eeeeff;}

/*
body#accueil #collab {text-align: center; vertical-align: middle; color: #6fb6e4; font-size: .8em;}
body#accueil #collab img {vertical-align: middle; height: 60px; width: 60px;}
*/

/* === Events & Services ===*/
h2#month_title { color:#6fb6e5; color:#66a8d3; border-bottom:1px #6fb6e5 solid; margin: 10px 0px; }
#event { padding: 0px 5px 10px 5px; }
#event h2#service_title { color:#6fb6e5; margin-bottom: 1px;  /* border-bottom:1px #6fb6e5 solid; */ }
#event h2#service_title.conf { color:#36b; }
#event #service_details { margin-bottom: 15px; }
#event h3 { margin: 3px 0px; }

#service {padding: 0px 5px 10px 5px;}
#service h2 {color:#6fb6e5; border-bottom:1px #6fb6e5 solid;}

/* === Reviews === */
#review {padding: 0px 5px 10px 5px;}
#review #name {text-align: right; font-weight: bold; margin-right: 100px;}

/* === Stories === */
#story {padding: 0px 5px 10px 5px;}
#story #name {text-align: right; font-weight: bold; margin-right: 100px;}

/* === Ad === */
#ad {margin-bottom: 20px; }
#ad img.adImg { padding-right: 5px; float: left; display: block; clear:both; }
#ad a { display: block; }

/* === footer === */
#footer p{line-height:1.3em; padding:0; margin:0; color:#6fb6e4;}
#footer a {color:#fff; text-decoration:none; }
#footer a:hover {color:#333; }
#footer {clear: both; text-align: center; padding-top: 30px; padding-bottom: 20px; color: #669; font-size:0.625em; color:#ffffff;}
#footer img {height: 40px; width: 40px; vertical-align: middle;}

/* input specific */
input {border: 1px solid #82a5d2;}
textarea {border: 1px solid #82a5d2;}
form input.hidden {display: none; border: none;}