@charset "utf-8";
/* CSS Document */


/***** base *****/
body{ margin:0; padding:0; background:#000000; font-size:0.66em; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a img{border:none;}
h2, h3{ color:#456678;}
h1{color:black; font-size:1.1em; line-height:1em; font-weight:bold; text-transform:uppercase; padding:0 0 15px 10px; background:url(../images/h1.gif) no-repeat ;}
h2{font-size:1.6em; line-height:1em; font-weight:bold;}
h3{font-size:1.3em; line-height:1em; font-weight:bold;}
h4{color:black; font-size:1.1em; line-height:1em; font-weight:bold; text-transform:uppercase; padding:0 0 15px 10px; background:url(../images/h4.gif) no-repeat ;}
li{list-style-image: url(../images/li_img.png);}
.erreur{color : #FF0000;}
.success{color : #228B22;}

.center{width:988px; margin:0 auto;}
.left {float:left; display:inline;}
.clear{ float:none; clear:both; line-height:0px; height:0px; padding:0; margin:0;}

/* colonne */
.col14{ float:left; display:inline; margin:0 8px 0 0; width:236px; background:white;}
.col24{ float:left; display:inline; margin:0 8px 0 0; width:480px; background:white;}
.col34{ float:left; display:inline; margin:0 8px 0 0; width:724px; background:white;}
.col44{ float:none; margin:0 8px 0 0; width:968px; background:white;}
.aPropos .col34{ border:#999999 solid 1px; width:722px; border-top:none;}
.services .col34{ border:#999999 solid 1px; width:722px; border-top:none;}
.servicesOn .col34{ border:#999999 solid 1px; width:722px; border-top:none;}
.entrepriseaPropos .col34{ border:#999999 solid 1px; width:722px; border-top:none;}
.col14 img{border:none; margin:0; padding:0;}

.col14BG{ background:#FFFFFF url(../images/col14BG.gif) no-repeat bottom; }
.col24BG{ background:#FFFFFF url(../images/col24BG.gif) no-repeat bottom;}

.colInside{ padding:8px;}
* html .colInsideRight{ padding:26px 0px 0px 0px; height:275px; position:relative;}
*:first-child+html .colInsideRight{ padding:26px 0px 0px 0px; height:275px; position:relative;}
.colInsideRight{ padding:0px 0px 0px 0px; height:275px; position:relative;}
.colInsideRight img{ position:absolute; bottom:0;}
#content .col24{position:relative;}
#content .col14{position:relative;}
a.colLink{bottom:0; position:absolute; padding:0 8px; font-size:1.1em; font-weight:bold; display:block; color:#FFFFFF; height:30px; line-height:30px; background:#7dc52e url(../images/colLink.gif) repeat-x;}
#content .col24 a.colLink{width:464px;}
#content .col14 a.colLink{width:220px;}


/*******************/
/***** design ******/
#header{position:relative; height:306px; width:1024px; margin:0 auto; background:url(../images/backgroudHeader.jpg) repeat-x;}
#topMenu{height:23px; overflow-y:hidden;}
#topMenu ul { margin:0; padding:0; list-style:none; text-align: right;}
#mainlevel-nav{/*width:750px;*/ float: right; display: inline; line-height:23px; height:23px;}
#jflanguageselection{/*width:150px;*/ float: right; display: inline; line-height:23px; height:23px;}
#topMenu ul li{ display:inline; margin:0; padding:0 10px; font-size:11px; line-height:23px; height:23px; border-right:#9fb0be 1px solid;}
#topMenu ul li.last{ padding:0 0 0 10px; border:none;}
#topMenu a{ color:#9fb0be;}

#top{ height:222px; margin:0; position:relative;}
#top #logo{ position:absolute; top:18px; left:14px;}
#top #quarante{ position:absolute; top:33px; left:286px;}
#top #tagline{ position:absolute; top:168px; left:14px;}
#top #flash{ margin:0 0 0 435px; padding:8px 0 0 0;}

#menuUser{ width:986px; height:26px; line-height:24px; border: 1px solid #7cb042; background:#FFFFFF; font-size:11px; overflow:hidden;}
#cadenas{ float:left; display:inline;}
#salutation{ float:left; display:inline; width:240px; overflow-x:hidden; height:26px;}
#loginBox{ float:left; display:inline; width:850px; overflow-x:hidden; height:26px;}
#loginBox .left input{ margin:2px 5px 0;}
#connect{ float:left; display:inline;}
#cart{ float:left; display:inline; margin:0 0 0 10px;}
#items{ float:left; display:inline; margin:0 0 0 10px;}
#nbrItems{ float:left; display:inline; text-align: right; width:50px;}
#total{ float:left; display:inline; margin:1px 0 1px 10px; padding:0 0 0 10px; background:#d0e0ea;}
#amount{ float:left; display:inline; text-align: right; width:65px; margin:1px 0; padding: 0 10px 0 0; background:#d0e0ea;}
#card{ float:left; display:inline; margin:0 0 0 10px;}
#cardLog{ float:right; display:inline; margin:0 10px 0 0;}
#checkOut{ float:left; display:inline; margin:0 0 0 10px;}
#msgLogin{ float:left; margin:2px 5px 0;}

#mainMenu{ text-align:center;}
#mainMenu ul{ list-style:none; margin:5px auto 0 auto; padding:0; width:910px; height:22px;}
#mainMenu ul li{ display:inline; margin:0 2px 0 3px; padding:0; font-size:11px; text-transform:uppercase; float:left; border:solid 1px #89969d; border-bottom:none;}
#mainMenu a{ color:#FFFFFF; float:left; padding: 0 18px; background:#89969d; line-height:22px; height:22px; display:block; border-top:5px solid #89969d;}
#mainMenu li.active a{ border-top:5px solid #caf500; background:#FFFFFF url(../images/mainMenuOn.gif) repeat-x top; color:#393939;}
.aPropos #mainMenu  li.item50 a{ border-top:5px solid #c9070f; background:#FFFFFF url(../images/mainMenuAPropos.gif) repeat-x top; color:#393939;}
.services #mainMenu  li.item49 a{ border-top:5px solid #caf500; background:#FFFFFF url(../images/mainMenuAPropos.gif) repeat-x top; color:#393939;}
.servicesOn #mainMenu  li.item49 a{ border-top:5px solid #caf500; background:#FFFFFF url(../images/mainMenuAPropos.gif) repeat-x top; color:#393939;}
.entrepriseaPropos #mainMenu  li.item50 a{ border-top:5px solid #c9070f; background:#FFFFFF url(../images/mainMenuAPropos.gif) repeat-x top; color:#393939;}
#mainMenu li.active.item53 a{ border-top:5px solid #4ea82c;}

#content{ background:#b0b1b4;width:1024px; margin:0 auto; font-size:1.1em;}
#content .center{ background:#FFFFFF; width:977px; margin:0 auto; padding: 15px 0 30px 8px; border-left:1px solid #7e8b92; border-right:2px solid #7e8b92;}
.aPropos #content .center{ background:#e5f2f9;}
.services #content .center{ background:#e5f2f9;}
.servicesOn #content .center{ background:#e5f2f9;}
.entrepriseaPropos #content .center{ background:#e5f2f9;}

#content #menuApropos{ height:28px; width:724px; border-bottom: #999999 solid 1px; margin:0; padding:0;}
#content #menuApropos ul{ list-style:none; padding:0; margin:0;}
#content #menuApropos li{display:inline; padding:0; margin:0;}
#content #menuApropos li.last{}
#content #menuApropos li a{ display:block; float:left; padding:8px; text-transform:uppercase; font-weight:bold; color:#999999; font-size:11px; line-height:12px;}
#content #menuApropos li.active a{ background:#FFFFFF; border: #999999 solid 1px; padding:8px 15px; border-bottom:none; color:#456678;}
.entrepriseaPropos #content #menuApropos li.item55 a{ background:#FFFFFF; border: #999999 solid 1px; padding:8px 15px; border-bottom:none; color:#456678;}
.servicesOn #content #menuApropos li.item69 a{ background:#FFFFFF; border: #999999 solid 1px; padding:8px 15px; border-bottom:none; color:#456678;}

#content #siteMap a{color:#666;}
#content #siteMap ul { color:#869DAC;}
#content #siteMap ul li{color:#869DAC;}
#content #siteMap ul li a{ color:#869DAC;}

ul.contenttoc{list-style: none outside; margin:10px; padding:10px 0 0 20px; width:150px; float: right; display: inline; background:#e5f2f9; border: #999999 solid 1px;}
ul.contenttoc li{margin: 0px; padding: 3px 0px 3px 0px;}
ul.contenttoc li a{color:#666; font-size:1.1em; }

.pagenavbar a { color:#3579a7;}
.pagenavbar a:hover { color:#3c586c;}

#menuScolaire{float:right; display: inline;}
#menuScolaire ul {list-style: none outside; margin: 0; padding: 0;}
#menuScolaire li {display: inline; margin: 0px 1px; padding: 5px; border-right:1px solid #666;}
#menuScolaire li.last{border:none;}
#menuScolaire a{color:#666; font-weight: bold; font-size: 1.2em;}


#footer{ position:relative; background:url(../images/BackgroundFooter.jpg) no-repeat top; width:1024px; min-height:57px; height:57px; margin:0 auto; padding:131px 0 0 0;}
#footerMenu{ position:relative; background:url(../images/backgroundFooterMenu.gif) no-repeat top center; height:48px; width:988px; margin:0 auto;}
#footerMenuLogo{ position:absolute; top:8px; left:9px;}
#footerMenuMenu{ float:left; display:inline; margin:0 0 0 89px; padding:8px 0 0 0; width:760px;}
#footerMenuMenu ul{ margin:0; padding:1px 0 0 0; list-style:none; text-align:left;}
#footerMenuMenu li{ margin:0; padding:0 4px; display:inline; border-right: 1px solid #52ab2c;}
#footerMenuMenu li.last{border:none;}
#footerMenuMenu li a{ font-size:11px; color:#52ab2c; line-height:15px;}
#footerMenuCopyright{ float:left; display:inline; margin:0 0 0 89px; padding:2px 0 0 0; width:780px; font-size:11px; color:#52ab2c; line-height:15px; text-align:center;}
#footerMenuActivis{ position:absolute; top:8px; left:882px;}

.thumbPhoto { border : 1px solid #425865; margin : 0 1em 1em 0;}

.thumbFond { display : block; border : 1px solid #425865;}
.thumbContainer { text-align : center; float: left; margin : 1em 1em 0 0;}

#titre_etape5 {margin-top : 1.5em;}

#fonds {margin-bottom : 1em;}

/* Formulaire de la page Contact */
#formulaire-contact input, #formulaire-contact textarea {
font-family: "Trebuchet MS";
	font-size:1em;
	width: 180px;
	margin: 0 0 5px 0;
	padding: 5px 8px;
}
#formulaire-contact input.yemail {
font-family: "Trebuchet MS";
	font-size:1em;
	width: 382px;
	margin: 0 0 5px 0;
	padding: 5px 8px;
}
#formulaire-contact textarea {
font-family: "Trebuchet MS";
	height:120px;
	font-size:1em;
	width: 386px;
	margin: 0 0 5px 0;
	padding: 5px 8px;
}
#formulaire-contact .bouton {
font-family: "Trebuchet MS";
	display:block;
	width:auto;
	margin: 0;
	padding: 4px 10px;
	text-transform:lowercase;
}
#formulaire-contact .bouton:hover {
font-family: "Trebuchet MS";
	border:1px solid #0d567d;
}

/* Ecom */
.commande {
    padding : 1em;
    background-color : #DCDCDC;
    font-size:1.2em;
    margin-bottom : 2em;
    border : 1px dotted #000000;
    float : left;
}