/*

#659700 => Vert foncé

#A1D600 => Vert clair

*/



html, body

{

	margin: 0;

	padding: 0;

	border: 0;

	color:#000;

    font-family:Arial,Verdana,sans-serif;

    font-size:11px;

}



body

{

	background-color: white;

	background-image: url(img/body_bg.jpg);

	background-repeat: repeat-x;

	margin: 0;

}



ul li 

{

    list-style-type:none;

}

img

{

    border:none;

}



.clear

{

	clear: both;

	padding-top:0px;

	padding-bottom:0px;

	margin-top:0px;

	margin-bottom:0px;

}



.wrapper

{

	/* Contenu centre */

	margin: 0 auto;

	width: 985px;

	text-align: left;

}



.outer

{

	border-left: 210px solid #85C2FF;  /* Couleur colonne gauche 205 kkkk*/ 

	border-right: 193px solid transparent;  /* Couleur colonne droite */

	margin-bottom:2px;

}



.inner

{

	width: 780px;

	background-image: url(img/center_bg.jpg);

	background-repeat: repeat-y;

	

}



* html .inner

{

	width: 100%;

}



.float-wrap

{

	

    float:left;

    margin-left:-210px; /*kkk 205*/

    width:792px;



}



.left

{

	float: left;

	width: 204px;

	position: relative;

	background-color: #85c2ff; /* #99ccff;  Couleur colonne gauche */

	padding: 1px 3px;

}



.right

{

	float: right;

	width: 191px;

	position: relative;

	/*background-color:#FFF;*/

	/*background-color: #A1D600;*/ /* Couleur colonne droite */	

}

* html .right

{

	margin: 0 -191px 0 0;

}



.center

{

	float: right;

	width: 581px;

}



.wide

{

	background-color: transparent;

	width: 110%;

	font-size: 1.4em;

	font-weight: bold;

}



.wide p

{

	padding: 5px;

}



.top

{

	border-width: 0 0 2px;

	margin-bottom: 10px;

}



.bottom

{

		/* Contenu centre */

	margin: 0 auto;

	width: 100%;

    font-weight:normal;

    text-align:center;

    color:#999999;

    

    

}

.bottom ul

{

    list-style-type:none;

    width:500px;

}

.bottom ul li

{

    display:inline;

}

.bottom a,.bottom a:visited,.bottom a:active

{

    color:#999999;

    text-decoration:none;

}

.bottom a:hover

{

    text-decoration:underline;

}





#breadcrumb

{

    color: #000;

    font-weight:bold;

    padding:10px;

}

#breadcrumb a

{

    /* color:#FFFFFF; */

	color: Black;



}

#breadcrumb span.separator

{

    border:none;

}



#pageTitle

{

    color:#999999;

    font-size:9px;

    font-weight:bold;

    /*height:22px;*/

    margin-left:7px;

    vertical-align:middle;

    width:565px;

    margin-bottom:4px;

}

#pageTitle h1

{

    margin:0;

    padding:0;

}

#mainContent

{

    background-color:#fff;

    padding: 10px;

    margin-left:7px;

    width: 545px;

    border: 1px #999999 solid;

	margin-bottom: 5px;

}

#popupContent

{

	background-color:#fff;

    width: 100%;

    

}

#popupMainContent

{

	margin:1% 5% 5% 5%;

	padding:5%;

	background-color:#fff;

	border: 1px #999999 solid;

	

}



/*===== Blocs intégrés dans les colonnes gauche / droite ===========*/

/*==================================================================*/



.left_col_box,.left_col_box_img

{

	text-align: left;

	color: #003366;

	margin:0;

	padding:0;

}

.left_col_box a

{

	/*font-family: Arial,Verdana,Tahoma;*/

	font-weight: bold;

	font-size: 10px;

	color: #003366;

	text-decoration: none;

	margin:0;

	padding:0;

}



.left_col_box div

{

padding:0;	

margin:0;

}





.left_col_box_img a,.left_col_box_img a:visited

{

	text-decoration: none;

}



.left_col_box a:hover

{

	text-decoration: underline;

	color: #EE5A12;

}





.left_col_box ul

{

	list-style-image: url(img/ul.gif);

	list-style-position:outside;

    padding-left:35px;

    margin:1px 0 0 0;

    

}



.left_col_box ul li

{

	margin: 0px;

	line-height: 15px;

	padding: 0 0 0px 0;

}



.left_col_box ul li ul

{

	list-style-position:outside;

    padding-left:8px;

}





.left_col_box input

{

	margin-left: 10px;

	vertical-align:middle;

}



.left_col_box input.search,.left_col_box input.search:hover

{

    border:medium none;

    font-size:10pt;

    margin:0 0 0 40px;

    padding:1px;

    width:120px;

    background-color:#fff;

    height:16px;

	

}

.left_col_box input.newsletterbox,.left_col_box input.newsletterbox:hover

{

    border:medium none;

    font-size:10pt;

    margin:0;

    padding:1px;

    width:160px;

    background-color:#fff;

    height:16px;

    float:left;

	

}



.left_col_box form

{

margin:0;

padding:0;

}



.left_col_box input.exampleText

{

    color:#cccccc;

    text-align:center;

}



.left_col_box input.searchOk,.left_col_box input.searchOk:hover

{

    border:none;

    background:inherit;

}



.right_col_box

{

	text-align:center;

}



.right_col_box

{

	text-align:center;

}



.right_col_box img

{

	margin:0;

	padding:0;

	border: 1px solid #909EA9;

}

.right_col_box object {

    border: 1px solid #909EA9;

    text-align: center;

}



.right_col_box a

{

	margin:0;

	padding:0;

}





.left_col_box .titre1  

{

    background-color: #003360; /*#06387F; */

    color:White;

    font-family:Arial;

    font-size:11px;

    font-weight:900;

    padding:3px 7px;

    text-align:left;

    width:148px;

    margin-bottom:0;

}



.left_col_box .titre2  

{

    background-color:#FFFFFF;

    font-family:Arial;

    font-size:12px;

    font-weight:bolder;

    margin:0px;

    padding:1px 10px 0 0;

    text-align:right;

    width:152px;

    float:left;

    height:16px;

}

.left_col_box .titre2 a

{

    color:#003366;

    padding:0;

    margin:0;

    font-size:11px;

}

.left_col_box .titre3  

{

    background-color:#FFFFFF;

    float:left;

  /*  margin-bottom:5px;

    margin-left:35px;

    margin-top:5px;

    padding:2px 0;*/

    text-align:center;

    width:123px;

}



.left_col_box hr

{

margin:0;

padding:0;	

}



.left_col_box img

{

padding:0;

margin:0;	

}



/*================ Général =================*/

/*==========================================*/

h1

{

	background:url("./img/title_hd_square.jpg") no-repeat scroll 2px 10px transparent;

    text-indent:15px;

    font-size:large;

}



/******************* Tableau **********************/

/**************************************************/



.basic_table

{

	width:100%;

	border-top:grey 1px solid;

	border-right:grey 1px solid;

	border-collapse:collapse;

	padding:1px;

}

.basic_table tr th

{ padding:1em;text-align:left;background-color:#BEC3DB;}



.basic_table tbody tr 

{background-color:#EDEFFF; 

 }

.basic_table tbody tr:hover

{ background-color:#DDE1FF;}

.basic_table tbody tr td

{border-bottom:solid white 1px;padding:0.5em;}

.basic_table .bordure_active{height:1.5em;text-indent:2px;}

.basic_table .bordure_active:hover{ /*border-bottom:1px black dotted ;*/ font-weight:bold;}



.hidden { display:none;}



/*Boites Position*/



.right_item{float:right; }

.left_item{float:left;}



.clear{clear:both;}



.left_align{text-align:left;}

.right_align{text-align:right;}

.center_align{text-align:center;}



.width48perc{width:48%;}

.width50perc{width:50%;}

.width100perc{width:100%;}





/*================ Erreur =================*/

/*==========================================*/

.validation-summary-errors

{

    color:Red;

    font-weight:bold;

}

/*================ Success =================*/

/*==========================================*/

.validation-summary-success

{

	font-weight: bold;

    color: Green;	

}



/*============== Pagination =================*/

/*===========================================*/

.pagination

{

	font-size:1.1em;	

	border:2px ridge white;

	padding:5px 0px 5px 5px;

	text-align:center;

}

.pagination a

{	

	margin: 0px 2px 0px 2px;

	text-decoration:none;

	color:blue;

}





/*============== Formulaire ================*/

/*==========================================*/

/* Input */



input, select { color:#000000; font-family:Verdana, Arial, sans-serif; font-size:10px; border: 1px solid #C0C0C0; }

select {width:200px;}

input:focus, select:focus { background: #F4F4F4; color:#000000;	border: 1px solid black; }



input:hover, select:hover { background: #F4F4F4; color:#000000;	border: 1px solid black; }



textarea:focus { background: #F4F4F4; color:black;	 }



textarea:hover { background: #F4F4F4; color:black;	 }



.input_number

{

	width:18px;

	height:13px;

	margin:0em 0em 0em 0em;

}



.input_code

{

	width:70px;

	height:12px;

	margin:1em 0em 0em 2em;

}



.libelle

{

	width:20%;	

	float:left;

	text-align:left;

}

.valeur

{

	float:left;

	width:80%;

}

.form_input_text 

{

	padding:0em 1em;

	border : 1px gray solid;

	margin-bottom:1em;

}

.form_input_text input

{

	margin-bottom:1em;

}

.text_center

{

	width:80%;

	text-align:center;

	margin-right:auto;

	margin-left:auto;

}

input.longtext

{

	width:300px;	

}

input.number

{

	width:50px;	

}





/***************** RDF *******************/

/*****************************************/

rdf_client

{

	font-size : 1em;

}

.section

{

	/*background-color:#06387F;

    color:White;

	background-color :#3333CC;

	color:White;

	font-weight:bold;

	padding : 3px;*/

}

.contenu

{

	padding-left:1em;	

}

.souscontenu

{

	padding: 5px;



}

.souscontenu p

{

	margin : 1px 1px;

	font-size:1.1em;

	text-decoration:underline;	

}

.field

{

	

	margin-right:5px;

}

span.star

{

    color:Red;

    font-weight:bold;

    font-size:16px;

}





.libtech h1

{

text-align:center;

background-image:none;

margin-top:15px;

margin-bottom:3px;



}



.libtech h2

{

margin:0;

padding:0;

font-size:large;	

	}



.libtech select,.libtech input

{

width:200px;

margin:0;

padding:0;

	}



.libtech form

{

margin:0;

padding:0;

	}	

	

.libtech p

{

	margin:0 0 1em 0;

	padding:0;

	text-align:left;

}

	

	

	

img.bluehr

{

    margin:3px 0;

}



.left_col_box input.btnNewsletter,.left_col_box input.btnNewsletter:hover

{

    border:none;

    background:inherit;

}

/**********PETITES ANNONCES**********************************/



div#paDetails

{

    

}

div#paDetails div#paCategory

{

    font-size:17px;

    font-weight:bold;

    margin-bottom:15px;

}

div#paDetails div#paRefLine{height:20px;border-bottom:solid 1px #ccc;margin-bottom:10px;}

div#paDetails div#paRefLine div.paRef{float:left;font-size:13px;font-weight:bold;}

div#paDetails div#paRefLine div.paEdipa{float:right;font-size:17px;font-weight:bold;}



div#paDetails hr {color:#eee;}



div#paDetails td {padding:3px 0;}

div#paDetails td.PaLeft{width:130px;vertical-align:top;}

div#paDetails td.PaRight{border-left:solid 1px #ccc;padding-left:10px;}

div#paDetails td.PaRight div.title {font-size:19px;font-weight:bold;color:#003366;margin-bottom:10px;}

div#paDetails td.PaRight div.cadre { background-color:#ececec;padding:15px;}



/**********PETITES ANNONCES**********************************/





/******************RDF****************************************/



div#rdfConsultation{margin-top:-10px;}

div#rdfConsultation p {color:#003360;margin:0 0 7px;} 



div#rdfConsultation ul {margin-top:0;padding-top:0;}

div#rdfConsultation ul.comp {list-style-image: url(img/puce-rouge.gif)}

div#rdfConsultation ul.comp li {color:#003360;} 

div#rdfConsultation div.repertoireFourn{margin:0 auto 10px;padding:2px 0; background-color:#e60003;font-size:20px;color:#fff;font-weight:bold;width:350px;text-align:center;}

div#rdfConsultation p.outil {font-weight:bold;font-size:14px;}

div#rdfConsultation div.rdf-paiper-3d {background-image: url(img/rdf-papier-3d.gif);margin-bottom:20px; background-repeat: no-repeat;width:187px;height:255px;}

div#rdfConsultation div.majEdipa {background-color:#dedfe2;color:#003360;font-size:13px;font-weight:bold;padding:5px;text-align:center;width:130px;}





div#rdfConsultationClient{margin-top:-10px;}

div#rdfConsultationClient p {color:#003360;margin:0 0 7px;} 



div#rdfConsultationClient ul {margin-top:0;padding-top:0;}

div#rdfConsultationClient ul.comp {list-style-image: url(img/puce-rouge.gif)}

div#rdfConsultationClient ul.comp li {color:#003360;} 

div#rdfConsultationClient div.repertoireFourn{margin:0 0 10px;padding:2px 0; background-color:#e60003;font-size:20px;color:#fff;font-weight:bold;width:350px;text-align:center;}

div#rdfConsultationClient p.outil {margin:20px 0;font-weight:bold;font-size:12px;}

div#rdfConsultationClient div.rdf-paiper-3d {background-image: url(img/rdf-papier-3d-mini.gif);margin-bottom:20px; background-repeat: no-repeat;width:135px;height:175px;}

div#rdfConsultationClient div.majEdipa {background-color:#dedfe2;color:#003360;font-size:13px;font-weight:bold;padding:5px;text-align:center;width:130px;}





/****************** ARTICLE / NOUVEAUTEPRODUIT / DIAPORAMA **********************/



#article .article { border-bottom:1px black solid; margin :0.5em 0.5em 1em 0.5em;padding:0.5em; }

#article .article .title { font-size : 1.5em;}

#article .article .telecharger { text-align: right;}



#cdm_intro {background-color:#ededed;color:#003366;padding:18px 50px;font-size:12px;font-weight:bold;}



#nouveauteproduit .nouveaute {margin:0em 0em 1em 0em;padding:5px;/*border-bottom:1px black solid;*/}

#nouveauteproduit .nouveaute .article {padding:0.5em; float: right;width: 374px;}



#nouveauteproduit .produitdumois {/*border:2px solid #003360;*/position: relative;background-color:#ededed;}

#nouveauteproduit .produitdumois .article .title {width:297px;}

#nouveauteproduit .produitdumois .article .description{width:297px;}



#nouveauteproduit .jaquette {float:left; margin-right:0.5em; width:140px;height:140px;text-align: center;}

#nouveauteproduit .jaquette img {}

#nouveauteproduit .title{font-size : 1.5em;width:380px;}



#nouveauteproduit .produit_mois{position: absolute;right: 0;top: 0;}

#nouveauteproduit .telecharger { text-align: right;}



#diaporama .diapo {width:100%;border-bottom: 1px solid #999999;margin-bottom: 10px;}

#diaporama .diapo .photo_presentation {float:left; margin-right:1em; width:90px;height:90px;}

#diaporama .diapo .detail {margin-right:1em;}

#diaporama .diapo .detail .title {font-size:14px;}

#diaporama .diapo .telecharger { text-align: right;}



#mainContent div.downloadOrderPdf {border: 2px solid #000000;text-align: center;width: 72px;} 

#mainContent div.downloadOrderPdf a {color:#000000;text-decoration:none;font-weight: bold;}



#contenu-dynamic table.main {width:100%;color:#003366;}

#contenu-dynamic table.main tr.une-col {}

#contenu-dynamic table.main tr.deux-col {}

#contenu-dynamic table.main tr td {vertical-align: top;}

#contenu-dynamic table.main tr.deux-col td.col-un {width:50%;}

#contenu-dynamic table.main tr.deux-col td.col-deux {width:50%;}

#contenu-dynamic .hbBorderRight {border-right:solid 2px #999999;}

#contenu-dynamic .home_bloc_text {}

#contenu-dynamic .home_bloc_text div.hbTitle {color:#000000;text-decoration:underline;font-weight:bold;margin-bottom:5px;}

#contenu-dynamic .home_bloc_text div.h180 {height:180px;} 

#contenu-dynamic .home_bloc_text div.alauneImage {text-align:center;}

#contenu-dynamic .home_bloc_text div.hbContent {padding:5px;}

#contenu-dynamic .home_bloc_text div.produitdumois { border:solid 2px #666666;margin-bottom:10px;}

#contenu-dynamic .home_bloc_text div.produitdumois div.pdmTitle {font-size:17px;font-weight:bold;}

#contenu-dynamic .home_bloc_text div.hbContent ul.hbFirstList {margin: 0;padding-left: 8px;}

#contenu-dynamic .home_bloc_text div.hbContent ul.hbFirstList li.rond {list-style-type: disc;}

#contenu-dynamic .home_bloc_text div.hbContent div.hbContent-title{font-size: 13px;}

#contenu-dynamic .home_bloc_text div.hbContent div.hbContent-description{/*font-size: 9px;*/}

#contenu-dynamic .home_bloc_text div.hbContent div.hbContent-description ul.hbCdescUL {padding: 0;margin: 0;}

#contenu-dynamic .home_bloc_text div.hbContent div.hbContent-description ul.hbCdescUL li{list-style-type: none;}

#contenu-dynamic .home_bloc_text div.hbContent div.ensavoirplus {font-weight:bold;text-align: right;}

#contenu-dynamic .home_bloc_text div.hbContent div.ensavoirplus a,

#contenu-dynamic .home_bloc_text div.hbContent div.ensavoirplus a:visited {color:#800080 !important;text-decoration:none;font-size: 12px;}

#contenu-dynamic .home_bloc_text div.hbContent div.ensavoirplus a:hover {text-decoration:underline;}

#contenu-dynamic .home_bloc_bottom {color: #666666;font-size: 12px;font-weight: bold;padding: 20px 0 5px;text-align: center; }



/*GABARIT 2 ET 4*/

#contenu-dynamic .home_bloc_text div.contentGrey {background-color:#ededed;}

#contenu-dynamic .home_bloc_text div.hbContent div.hbContent-title-2{font-size: 16px;font-weight: bold;}

#contenu-dynamic .home_bloc_text div.hbContent div.hbContent-title-3{font-size: 14px;font-weight: bold;}

#contenu-dynamic .home_bloc_text div.hbContent div.hbContent-bigtitle{margin-bottom: 5px;font-size: 21px;font-weight: bold;}

#contenu-dynamic .home_bloc_text div.unjourunlivre { border:solid 2px #666666;margin-bottom:10px;}

#contenu-dynamic .home_bloc_text div.unjourunlivre div.pdmTitle {font-size:17px;font-weight:bold;}

#contenu-dynamic .home_bloc_text div.subTitleRed {font-size:15px;font-weight:bold;color:Red;}

#contenu-dynamic .home_bloc_text div.subTitleBlue {margin-bottom: 5px;font-size:15px;font-weight:bold;color:#FFFFFF;}

#contenu-dynamic .home_bloc_text div.subTitleBlue span {background-color:#003362;padding:2px 5px;}

#contenu-dynamic .home_bloc_text div.floatLeft {float:left;}

#contenu-dynamic .home_bloc_text div.floatRight {float:right;}

#contenu-dynamic .home_bloc_text div.centerText {text-align:center;}





/*Actualités*/

ul.ActualiteList {margin:0;padding: 0;}

ul.ActualiteList div.ActualiteDetails {}

ul.ActualiteList div.ActualiteDetails h2 {margin: 0;color: #000080;font-size:medium;}



img.image150x80 { border:1px gray solid;}