/* CSS Document */

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#ffffff;

display:block;
}
span {
margin: 0px;
paddding: 0px;

}

p {
margin: 0px;
paddding: 0px;
}
input{
margin: 0px;
paddding: 0px;
}

#realisation{display:bolck; width:105px; height:47px;}
#realisation a{display:block; text-decoration:none}
#realisation a:hover{display:block; text-decoration:none}

#multipage {
	display:block;
	width:545px;
	height:25px;
	margin-top:-10px;
	margin-left:0px;
font-size:11px; font-weight:normal;
color:#333333

}
#multipage a{ text-decoration:none; color:#333333}
#multipage a:hover{text-decoration:underline; color:#333333}

#dateActu{margin-left:50px}

.gras {
	font-weight: bold;
}

.gras_noir {
	font-weight: bold;
	color:#000000;
}

.bordure_pointilles_bas {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color:#FF0000;
}



.bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color:#C8C78C;
	border: 1px solid #9F9540;
}


#global{
	position:absolute;
	top:36px;
	left:50%;
	width:1017px;
	height:100%;
	margin-left:-508px;

}

#footer{	
	height:56px;
	
}
#img_footer{display:block; width:960px; height:82px; background-image:url(../images/background_footer_img.jpg); background-repeat:no-repeat; position:absolute; top:0px;	left:50%; margin-left:-430px; padding:4px}
#img_footer span{color:#FFFFFF; font-size:11px; float:left; }
#img_footer h2{display:none; }

#lien_footer{display:block; width:400px; height:23px; margin-left:550px; margin-top:30px}
#lien_footer ul{list-style:none;margin:0px;	padding:0px;}
#lien_footer ul li{float:left; margin-right:15px}
#lien_footer ul li a{color:#FFFFFF; text-decoration:none}
#lien_footer ul li a:hover{color:#FFFFFF; text-decoration:underline}

#header {
	background: url(../images/background-header.png) no-repeat;
	height: 99px;
	width:1017px;
	padding: 0px;
	margin-top:0px;
	overflow:hidden;

}


#header h1 a{
	display:none;
	height:100px;
	width:100px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	margin-top:7px;
}
#header h1 span{
	display:none;
}

#headerSolution {
	background: url(../images/background-headerSolution.png) no-repeat;
	height: 99px;
	width:1017px;
	padding: 0px;
	margin-top:0px;
	overflow:hidden;

}


#headerSolution h1 a{
	display:none;
	height:100px;
	width:100px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	margin-top:7px;
}
#headerSolution h1 span{
	display:none;
}


#contenuer_baniere{
	position:absolute;
	height: 138px;
	width:518px;
	top: 107px;
	padding: 0px;
	left: 515px;
}
#menuHautHeader{
	position:absolute;
	width:255px;
	height:30px;
	overflow:hidden;
	left: 544px;
	top: 69px;
	

}

#menuHautHeaderOglet{
width:255px;
height:30px;
overflow:hidden;

}

#menuHautHeaderOglet ul {
	list-style:none;
	margin:0px;
	padding:0px;

}
#menuHautHeaderOglet ul li{
	float:left;
	display:block;
	height:30px;
}

#img1{
	display:block;
	width:89px;
	height:30px;
}
#img2{
	display:block;
	width:162px;
	height:30px;
}


#menuHautHeaderOglet ul li a {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight:bold;  text-decoration:none;
}
#menuHautHeaderOglet ul li a:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EA661E; font-weight:bold; text-align:center; text-decoration:none;
}



#lang{
display:block;
height:17px;
width:110px;
margin-top:10px;
margin-left:10px;
float:left;
}

#lang ul{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}

#lang ul li{
	float:left;
	display:block;
	height:17px;
	width:25px;
	margin-top:0px;
	margin-left:6px;
}
#lang ul li a {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight:normal; text-align:left; text-decoration:none;
}
#lang ul li a:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EA661E; font-weight:normal; text-align:left; text-decoration:none;
}
#lang span{
display:none;
}

flagfr {  background: url(../images/FRflag.gif) no-repeat ;}
flagen {  background: url(../images/ENflag.gif) no-repeat ; }
flaghl {  background: url(../images/HLflag.gif) no-repeat ; }

#conditionG{margin-left:810px; display:block; width:200px; height:20px; margin-top:80px}
#conditionG a{text-decoration:none; color:#999999}
#conditionG a:hover{text-decoration:underline; color:#EA661E}

#outilsHaut{
position:absolute;
top:149px;
left:0px;
height:40px;
width:980px;
margin:0px;
padding:0px;
}

#bandeau{
position:absolute;
top:192px;
left:0px;
height:189px;
width:980px;
}

#bandeau h1 a{
	display:none;
	height:100px;
	width:775px;
	position:absolute;
	left:50%;
	margin-left:-445px;
	margin-top:0px;
}
#bandeau h1 span{
	display:none;
}

#corps{
width:1025px;
background-image:url(../images/background-corps.jpg);
background-repeat:repeat-y;
overflow:hidden;
}

/*     ------------------------Bloc Menu GAUCHE --------------------------        */
#corpsBlocGauche {
width:246px;
display:block;
float:left;
margin:0px;
padding:0px;


}

#info{
font-family:arial;
font-size:16px;
color:#006699;
font-weight:bold;

}


#corpsBlocGauche ul{
list-style:none;
margin-top:0px;
width:203px;
padding:0px;

}

#corpsBlocGauche ul li{
display:block;
}

#articles #blocRubrique1{background-image:none; width:137px; margin-left:24px}
#blocRubrique1{
background-image:url(../images/background_blocMenu.jpg); background-repeat:repeat-y; width:137px; margin-left:24px}



#blocRubrique1 ul{
 width:137px; margin-left:10px;}

/*     ------------------------Gestion du survol pour diférentes couleurs --------------------------        */

#Rubrique1{height:100%; padding-bottom:0px; padding-top:2px; padding-left:31px; display:block; width:145px}
#Rubrique1 a {font-family:arial; font-size: 11px; color: #ffffff; font-weight:bold; text-align:left; text-decoration:none; width:145px; display:block; height:25px}
#Rubrique1 a:hover{font-family:arial; font-size: 11px; color: #ffffff; font-weight:bold; text-align:left; text-decoration:none; }


#articles #Rubrique1{height:100%; padding-bottom:0px; padding-top:2px; padding-left:31px; display:block; width:145px}
#articles #Rubrique1 a {font-family:arial; font-size: 11px; color:#CC0000; font-weight:bold; text-align:left; text-decoration:none; width:145px; display:block; height:25px}
#articles #Rubrique1 a:hover{font-family:arial; font-size: 11px; color: #666666; font-weight:bold; text-align:left; text-decoration:none; }


/*     ------------------------ FIN Gestion du survol pour diférentes couleurs --------------------------        */
#ssRubrique1 a{font-family:arial; font-size: 11px; color: #ffffff;  text-align:left; font-weight:normal; text-decoration:none; width:135px; height:20px; margin-left:10px;}
#ssRubrique1 a:hover{font-family:arial; font-size: 11px; color: #ffffff; font-weight:normal; text-align:left; text-decoration:none;  background-image:url(../images/backgroundSrub.jpg)}
#ssRubrique1{paddin-top:0px;}


#articles #ssRubrique1 a{font-family:arial; font-size: 11px; color: #666666;  text-align:left; font-weight:normal; text-decoration:none; width:135px; height:20px; margin-left:10px;}
#articles #ssRubrique1 a:hover{font-family:arial; font-size: 11px; color: #666666; font-weight:normal; text-align:left; text-decoration:none;  }
#articles #ssRubrique1{paddin-top:0px;}








/*-------------------------------------------------------------------------------*/


/*     ------------------------Bloc Menu HAUT --------------------------        */

#corpsBlocDroit {
width:805px;
display:block;
margin-left:220px;
height:100%;

}

#menuHaut{
margin-left:40px;
height:48px;
width:680px;
background:url(../images/menuhaut.gif) no-repeat;
}

#menuHaut ul {
	list-style:none;
	margin:0px;
	padding:0px;

}
#menuHaut ul li{
	float:left;
	display:block;
	margin-top:8px;
	width:70px;
	margin-right:13px;
	margin-left:11px;


}
#menuHaut ul li a {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; font-weight:normal; text-align:left; text-decoration:none;
}
#menuHaut ul li a:hover {
	font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EA661E; font-weight:normal; text-align:left; text-decoration:none;
}

#contact{font-weight:bold;color: #EA661E;}



#arbo{
height:39px;
width:700px;
display:block;
padding-top:10px;
padding-left:10px;
margin-left:19px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#666666;
overflow:inherit;

}
/*/////////////////////////////////////////////////////////////////////////////
--------------- partie centrale accueil---------------------------------------
/////////////////////////////////////////////////////////////////////////////*/
#roubaix{
	display:block;
	position:absolute;
	font-family:arial;
	font-size: 25px;
	color:#FF9900;
	font-weight:bold;
	left: 558px;
	top: 21px;
}

#corpsBlocDroit {
width:707px;
display:block;
margin-left:220px;
height:100%;

}
#conteneur{margin-top:25px; display:block; width:680px; float:left; }


#actus{width:183px; height:430px;  float:left}
#corpsActus{height:297px; width:176px; background-image:url(../images/background_actu.jpg); background-repeat:repeat-y}
								/*     ------------------------Gestion partie droite accueil --------------------------        */


.blanc{font-family:arial; font-size: 22px; color: #ffffff; font-weight:bold;}


								/*     ------------------------Gestion du survol --------------------------        */
#img{position:absolute;	left: 15px;}
#Rub{display:block; width:210px; height:20px}
#Rub a {font-family:arial; font-size: 11px; color: #006699; font-weight:bold; text-align:top; text-decoration:underligne; margin-left:10px;}
#Rub a:hover{font-family:arial; font-size: 11px; color: #006699; font-weight:bold; text-align:top; text-decoration:underligne; margin-left:10px}

								/*     ------------------------ FIN Gestion du survol pour diférentes couleurs --------------------------        */

#blocssRub{paddin-top:-50px; display:block; margin-bottom:20px}
#blocssRub li a{font-family:arial; font-size: 10px; color: #0077B4; font-weight:bold; text-align:left; text-decoration:none; width:175px; display:block; height:25px; margin-left:5px;}
#blocssRub li a:hover{font-family:arial; font-size: 10px; color: #0077B4; font-weight:bold; text-align:left; text-decoration:underline; margin-left:-18px; display:block; background-image:none; margin-left:5px;}




/*      ------Zone recherche--------    */
#recherche{
	position:absolute;
	width:196px;
	height:45px;
	top: 130px;
	left: 36px;
	background-color:#FE9900;

}

#rechercheSolution{
	position:absolute;
	width:196px;
	height:45px;
	top: 130px;
	left: 36px;
	background-color:#653366;

}


#formAdherent{
margin-left:5px;
margin-top:0px;
width:203px;
padding:0px;
height:80px;}


#login{
color:#ffffff;
font-family:verdana;
font-size:13px;
float:left;
padding-top:15px
}

#texteRecherche{
color:#ffffff;
font-family:verdana;
font-size:13px;
padding-top:10px


}

#pass{
color:#ffffff;
font-family:verdana;
font-size:13px;
float:left;
padding-top:15px;
margin-top:10px
}

#champRecherchehaut{
margin-left:6px;
margin-top:15px;
font-family:verdana;
font-size:10px;
float:left;
border:none;
}


#champRecherche{
margin-left:6px;
margin-top:15px;
font-family:verdana;
font-size:10px;
border:none;
}

#champRecherchepass{
margin-left:6px;
margin-top:30px;
font-family:verdana;
font-size:10px;
border:none;
float:left;

}

#btn {
margin-left:10px;
float:left;
color:#ffffff;
font-family:verdana;
font-size:13px;
padding-top:10px

}


#newsletter{
	position:absolute;
	width:245px;
	height:25px;
	left:30px;
	top:231px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	font-family:"Century Gothic"
}

#avis{
	position:absolute;
	width:245px;
	height:25px;
	left:30px;
	top:201px;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	font-family:"Century Gothic"
}


#newsletter span{color:#ffffff; font-size:16px}
#newsletter a{font-weight:bold; font-family:"Century Gothic"; text-decoration:none; color:#ffffff;}
#texteNewsletter{
margin-top:12px;
float:left;
color:#ffffff;
}
#champNewsletter{
margin-top:7px;
margin-left:6px;
float:left;
}
#btn2 {
margin-top:10px;
margin-left:10px;
float:left;
}



#blocProduit{
float:left;
width:370px;
font-size:15px;
color:#000000;
display:block;
padding:7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-bottom:25px;

}

#blocText{margin-left:130px; width:225px; text-align:justify;}
#titre{height:48px;  margin-left:26px; margin-bottom:36px;}
#textTitre{ margin-left:10px; margin-top:4px; float:left; font-weight:normal; font-family:"Century Gothic"; font-size:26px}
#puceP{display:block; width:52px ;height:52px ; float:left}
#puceH{display:block; width:52px ;height:52px ; float:left}
#contennuText{ margin-bottom:36px; font-size:12px; margin-left:0px; text-align:justify; color:#666666;  width:750px}
#detail{float:left; padding-top:15px; margin-right:5px}
#accessoire{padding-top:15px}

.Lienverdana{color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}
.Lienverdana:hover{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline;}



#blocdetailHaut{ margin-left:25px; display:block; width:515px; overflow:hidden;  height:100%; padding-bottom:0px; padding-top:33px;}
#BlocPhotoG {float:left; width:192px; display:block; }

#conteneurPhoto{width:280px; display:block; float:left; margin-left:0px; }
#listePhoto{ width:280px; display:block;}
#BlocPhotoD{float:left; margin-left:5px; maring-top:10px; display:block}
#photoDetail{border:solid 1px #666666; margin-bottom:10px; display:block}
#conetenudetail{margin-left:10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:420px; display:block; float:left; padding-top:10px;}
#conetenudetail_prod{margin-left:10px; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:290px; display:block; float:left; padding-top:10px;}

.separteur{margin-bottom:10px }


#combox{width:300px; height:100%; margin-top:55px; color:#688A00; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; display:block; }
#combox span{float:left; padding-top:15px; padding-bottom:15px; font-weight:bold}
#liste{float:left; margin-left:15px;  margin-right:15px; display:block}




/*------------------------------------CSS Liste articles--------------------------------------------------------*/

 

#conteneur_liste_prod{
	display:block;
	width:557px;
	height:100%;
	position:absolute;
	left: 230px;
	top: 155px;
	z-index:1;


}
#header_liste{
	display:block;
	background-image:url(../images/header_liste_prod.jpg);
	background-repeat:no-repeat;
	width:557px;
	height:85px;
	margin-left:-4px;
	margin-top:13px;
}

#footer_liste_prod
{
	display:block;
	background-image:url(../images/footer_liste_prod.jpg);
	width:557px;
	height:105px;
}

#copr_liste_prod{
	position:relative;
	display:block;
	background-image:url(../images/background-liste-prod.jpg);
	width:551px;
	margin-left:1px;
	z-index:1;

}

#copr_liste_prod span{
	display:block;
	width:510px;
	margin-left:20px;
}


#conteneur_fiche{display: block; width:537px; height:100%; padding-bottom:0px; padding-top:33px}
#conteneur_fiche_prod{ display: block; width:537px; height:100%; padding-bottom:0px; padding-top:33px}

#bloc_photo{
	margin-right:10px;
	margin-bottom:20px;
	margin-left:15px;
}

#bloc_photo1{margin-right:12px; margin-bottom:12px; float:left}
#bloc_photo2{margin-right:12px; margin-bottom:12px; float:left}
#bloc_photo3{margin-right:12px; margin-bottom:12px; float:left}
#bloc_photo4{margin-right:12px; margin-bottom:12px; float:left}

#bloc_photo_prod{
	width:130px;
	margin-right:0px;
	margin-left:30px;
	float:left
}

#bhaut{display:block; width:203px; background-repeat:no-repeat; margin-left:5px}
#bphoto{display:block; float:left;}
#bphoto a:hover{cursor:pointer}

#bbas{display:block; width:203px; background-repeat:no-repeat}


#img_header{ display:block; margin-top:15px; margin-right:15px; margin-left:30px; float:left;}
#text_header{display:block; width:400px; height:25px; padding-top:35px; margin-left:70px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#F78F1F;}

#titre_article{display:block; margin-left:38px; margin-top:15px; margin-bottom:15px; color:#766553; font-family:"Century Gothic"; font-size:12px; font-weight:bold}
#titre_article_prod{display:block; color:#A6CE3A; font-family:verdana; font-size:12px; font-weight:bold; margin-left:160px}

#fiche{display:block; width:350px; font-weight:normal; float:left; margin-bottom:30px;}
#ficheVide{display:block; font-weight:normal; float:left; margin-bottom:30px; margin-left:20px; text-align:justify; width:650px; }
#ficheUnephoto{display:block; width:330px; font-weight:normal; float:left; margin-bottom:30px; margin-left:30px}

#fiche_prod{display:block; margin-left:38px; margin-top:20px}

#plusDetail{display:block; height:20px; width:520px; margin-left:6px; background-color:#E7F5C6; margin-top:10px; padding:10px}
#plusDetail_prod{display:block; height:15px; width:300px; margin-left:160px; background-color:#E7F5C6; margin-top:10px; padding:10px;}
#plusDetail_prod span{
	color:#FF9900;
	font-weight:bold;
	font-size:14px;
}

#titreActu{widht:145px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-left:15px; margin-bottom:7px}
#resumActu{widht:130px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px;margin-left:15px; margin-bottom:7px}

#environnement{position:relative; font-family:"Century Gothic"; font-size:20px; font-weight:bold; color:#E3E3AE; float:left; margin-top:13px; margin-left:436px;}
#patrimoine{ font-family:"Century Gothic"; font-size:20px; font-weight:bold; color:#E3E3AE; float:left; margin-top:13px; margin-left:65px}
#pedagogie{font-family:"Century Gothic"; font-size:20px; font-weight:bold; color:#E3E3AE; float:left; margin-top:13px; margin-left:105px}
#textEnvironnement{display:block; width:172px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#E3E3AE; margin-top:170px; margin-left:410px; float:left}
#textPatrimoine{display:block; width:172px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#E3E3AE; margin-top:170px; margin-left:35px; float:left}
#textPedagogie{display:block; width:172px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#E3E3AE; margin-top:170px; margin-left:35px; float:left}


#plusInfo{margin-bottom:10px; margin-left:15px; }
#plusInfo a{color:#FFFFFF; font-size:11px; text-decoration:none}
#plusInfo a:hover{text-decoration:underline}

#touteActu{margin-left:25px; z-index:100}
#touteActu a{ color:#E3E3AE; font-size:13px; font-weight:bold; text-decoration:none}
#touteActu a:hover{text-decoration:underline}


#speTecniques{width:585px; margin-top:36px; font-size:12px; margin-left:40px; float:left }
.libTech{font-weight:bold; color:#660066; font-size:12px; margin-bottom:25px;}
#detailTech{margin-bottom:40px; color:#333333; font-weight:normal}
.photoMat{display:block; float:left; margin-right:15px;  margin-bottom:35px; }
.photoAcc{display:block; float:left; margin-right:15px;  margin-bottom:35px; padding:5px; }
.zoom{
	position:absolute;
	left: 461px;
	display:none;
	background-color:#FFFFFF;
	padding:20px;
}

#matiere{margin-bottom:45px; height:90px; width:580px}
#support{margin-bottom:45px}

.lienfooter{color:#FFFFFF; font-weight:normal; text-decoration:none}


#post_it{
	position:absolute;
	width:207px;
	height:206px;
	left: 718px;
	top: 291px;
	z-index:100;
	background-image:url(../images/post-it.png) !important;
	background:none;
	display:block;
	color:#ffffff;
	font-size:11px
}

#date_actu{position:relative; margin-left:40px; margin-top:45px}
#titre_actu{ position:relative; margin-left:40px; margin-top:12px; width:120px; height:20px; font-weight:normal}

#detail_actu {
	position:absolute;
	width:50px;
	height:20px;
	display:block;
	z-index:200;
	left: 746px;
	top: 444px;
}
#detail_actu a{text-decoration:underline; color:#ffffff; font-weight:bold; display:block; }
#detail_actu a:hover{text-decoration:none;  display:block}