/* page client */


#login2 {margin:0 0 0 0;padding:0 0 0 0;}

.clt1 {margin-top:10px;margin-bottom:10px}

.cltEmpty10 {height:10px;}

.cltNone {display:none;}
.cltOn {display:block;}

.cltBlocentre {
	display:block; margin:0;padding:0; background-color:#ffffff;
}
.cltBlocentre p.message{
	display:block; margin:0px 0px 10px 10px;padding:0; FONT-SIZE: 14px ;
}
.soumettre {font-size:10px;}

.blocI {
	display: block; margin:0px 0px 0px 0px ;padding:0px;/*margin : 0 0 0 0;padding : 0 0 0 0;*/
	BACKGROUND-COLOR: #ffffff; /*WIDTH: 100%;*/
	COLOR: #000000; FONT-SIZE: 14px ;
}
.blocIElt {
	color: #000000;background-color: #dfdfd4;display: block; float: left; width: 100%;
	margin : 0 0 0 0;padding : 0 0 0 0;
	}
	
.versB {background-color: #ffffff;}
	
.blocIElt1 {
	display:inline;float:left;width:40%;padding-top:10px;padding-bottom:5px;
	margin:0;text-align:right;font-weight:bold;
}
.blocIElt2 {
	display:inline;float:left;width:40%;padding-top:5px;padding-bottom:5px;margin-left:2%;text-align:left;
}
.blocIEltCentre {
	display:block;width:100%;padding-top:5px;padding-bottom:5px;
	margin:0;text-align:center;font-weight:bold;
}
.blocIEltCentreAdLiv {
	display:block;width:100%;padding-top:5px;padding-bottom:5px;padding-left:10px;
	margin:0;text-align:center;font-weight:bold;
}
.blocIEltCentre3 {
	display:block;width:90%;padding-top:5px;padding-bottom:5px;padding-left:10%;
	margin:0;text-align:center;font-weight:bold;
}
.blocIEltCentre2 {
	display:block;width:98%;padding-top:5px;padding-bottom:5px;padding-left:7px;
	margin:0;text-align:left;font-weight:bold;
}
.blocIEltEtapes {
	display:block;width:98%;padding-top:5px;padding-bottom:5px;
	margin:0;text-align:center;font-weight:bold;
}
.blocIEltEtapes div{display:inline;}

.versNom {text-decoration:underline;text-transform:uppercase;position:relative;top:5px;}


.blocIEltClose {
	display:block;width:100%;padding-top:0px;padding-bottom:0px;
	margin:0;text-align:left;font-weight:bold;
}

.blocIElt select {
	height: 20px;
	width: 200px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color: #ffffff;/*#81900f;*/
	padding: 0 5px;
	color: #000000;
	font-size: 14px;
	margin-top:2px;margin-bottom:2px;
}

.blocIElt input[type="text"] {
	height: 20px;
	width: 200px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color: #ffffff;/*#81900f;*/
	padding: 0 5px;
	color: #000000;
	font-size: 14px;
	margin-top:2px;margin-bottom:2px;
}
.blocIElt input[type="password"] {
	height: 20px;
	width: 100px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	background-color: #ffffff;/*#81900f;*/
	padding: 0 5px;
	color: #000000;
	font-size: 14px;
	margin-top:2px;margin-bottom:2px;
}
.blocIElt input[type="submit"] {
	height: 22px;
	line-height: 24px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background-color: #81900f;
	font-size: 14px;
	color: #fff;font-weight:bold;
	margin: 2px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	vertical-align: top;
}

#cltLienEtape1 input[type="submit"] {
	height: 30px;min-width:150px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background-color: #81900f;
	font-size: 14px;
	color: #fff;font-weight:bold;text-transform:uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 5px 5px;
	vertical-align: top;
}

button.lireCGV {
	height:30px;min-width:150px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1 px solid black;
	background-color: #fff;color:#81900f;
	visibility:visible;
}
button.panierEtape {
	height:30px;min-width:150px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0;
	background-color: #81900f;
}
button.panierEtape A {
	font-size: 14px;text-transform:uppercase;
	color: #fff;font-weight:bold;
	margin: 3px 3px 3px 3px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.blocIEltAd1 {
	display:inline;float:left;width:48%;padding-top:10px;padding-bottom:5px;
	margin:0;text-align:center;font-weight:bold;
}
.blocIEltAd2 {
	display:inline;float:left;width:48%;padding-top:10px;padding-bottom:5px;
	margin:0;text-align:left;font-weight:bold;
}

.blocIEltExp1 {
	display:inline;float:left;width:85%;padding-top:10px;padding-bottom:5px;padding-left:30px;text-align:left;
	margin:0;font-weight:bold;
}
.blocIEltExp2 {
	display:inline;float:left;width:85%;padding-top:10px;padding-bottom:5px;padding-left:30px;text-align:left;
	margin:0;font-weight:bold;
}


.blocIEltAd1 div.lab1 {
	clear:both;display:block;float:left;width:30%;text-align:right;
	margin-top:4px;margin-bottom:10px;
	}

.blocIEltAd1 div.lab2 {
	display:inline;float:left;text-align:left;
	margin-left:10px;margin-bottom:10px;
	}

.blocIEltAd2 div.lab1 {
	clear:both;display:block;float:left;width:25%;text-align:right;
	margin-top:4px;margin-bottom:10px;
	}

.blocIEltAd2 div.lab2 {
	display:inline;float:left;text-align:left;margin-left:10px;margin-bottom:10px;
	}

.lab2 input[type="text"] {
	width:240px;font-size:13px;}

.lab2 TEXTAREA {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	width:240px;height:50px;font-size:13px;}
	
.blocIElt input[name="searchparu"],.blocIElt input[name="searchparu2"] {
	width:80px;}

.lab2 input[name="codepostal"],.lab2 input[name="codepostal2"] {
	width:80px;}


.cltParagraph p{
	text-align:justify;padding:0px;margin-top:0px;margin-left:10px;margin-bottom:0px;margin-right:10px;
	font-size:13px;
}
.cltParagraphelt A:{
	COLOR:#000000;text-decoration:underline}
.cltParagraphelt A:link {
	COLOR:#000000;text-decoration:underline}
.cltParagraphelt A:visited {
	COLOR:#000000;text-decoration:underline}
.cltParagraphelt A:active {
	COLOR:#000000;text-decoration:underline}
.cltParagraphelt A:hover {
	COLOR:#000000;text-decoration:underline} 


.cltRef1 {/*width:80px;*/
	display:inline;float:left;width:8%;margin-top:10px;
}	
.cltRef5 {/*470px;*/
	display:inline;float:left;
}
.cltRef2 {/*width:570px*/
	display:inline;float:left;width:92%;margin-top:10px;text-align:left;
}
.cltRef3 {/*width:350px;*/
	display:inline;float:left;width:350px;margin-top:10px;
}
.cltRef4 {/*width:120px*/
	display:inline;float:right;width:120px;margin-top:10px;margin-left:0px;
}


.cltTitreDOM H1 {
	font-size:30px; text-transform:uppercase; font-weight:bold; color: #81900e;margin-left:10px;
}  
.cltTitreDOM a, .cltTitreDOM a:link, .cltTitreDOM a:visited, .cltTitreDOM a:active, .cltTitreDOM a:hover { 
	 font-weight:bold; COLOR: #81900e; text-decoration:none
}



.clt2 {
	display:inline;margin:0;padding:0
}

INPUT .cltcheck {
	background-color: #dfdfd4; border-color: #dfdfd4;
}

.closeIcon {position: relative; bottom:6px;}

.cltVoir {
	text-transform:uppercase; COLOR:#F2F2F2;margin-left:10px;
}
.cltVoir2 {
	text-transform:uppercase; COLOR:#262a05;margin-left:10px;font-weight:bold;
}
.cltVoirTous {
	text-transform:uppercase; COLOR:#F2F2F2;margin-left:0px;background-color:#262a05;padding: 3px 3px 2px 3px;
}
.cltVoir a, .cltVoir a:link, .cltVoir a:visited, .cltVoir a:active, .cltVoir a:hover { 
	background-color:#262a05;
	COLOR: #F2F2F2; FONT-WEIGHT: normal; text-decoration:none; font-size:12px;  padding: 3px 3px 2px 3px;
}
.cltVoirTous a, .cltVoirTous a:link, .cltVoirTous a:visited, .cltVoirTous a:active, .cltVoirTous a:hover { 
	background-color:#262a05;
	COLOR: #F2F2F2; FONT-WEIGHT: normal; text-decoration:none; font-size:12px;  padding: 0px 0px 0px 0px;
}

.cltVoirAussi {
	text-transform:uppercase; COLOR:#f2f2f2;background-color:#262a05;margin-left:10px; padding-left:5px; padding-right:5px
}
.cltFil {
	display:block;float:left;margin-left:10px;padding-bottom:10px;
} 
.cltFil a, .cltFil a:link, .cltFil a:visited, .cltFil a:active, .cltFil a:hover {
	display:inline;float:left;text-transform:uppercase;padding-right:5px;
	}
.cltListeRub {
	clear:both;margin:0px 0px 0px 10px;padding:0px 0px 0px 0px;display:block;
	text-align:left;
}

.cltListeRub2 {
	float:left;display:inline;width:18%;height:20px;
	text-align:left;padding:2px 0px 0px 0px;margin:0px 0px 0px 0px;font-size:13px;
	}
.cltListeRubSel {
	float:left;display:inline;width:30%;height:20px;
	text-align:left;padding:2px 0 0px 0px;margin:0px 0% 0px 0px;font-size:13px;
	}
/*
.cltListeRub1 {
	clear:both;
	}
.cltListeRub1, .cltListeRub2, .cltListeRub3, .cltListeRub4, .cltListeRub5 {
	float:left;display:inline;width:19%;height:20px;background-color:yellow;
	text-align:left;padding:2px 0 0px 0px;margin:0px 0% 0px 0px;font-size:13px;
	}
*/	

.cltTitreCentre H1 {
	font-size:24px; text-transform:uppercase; color: #81900e;margin-left:10px;	
}
.cltTitreCentre H2 {
	font-size:20px; text-transform:uppercase; color: #81900e;margin-left:10px;	
}
.cltTitreCentre H1 A {
	font-size:24px; text-transform:uppercase; color: #81900e;	
}

.cltListeElts {
	display:inline;float:left;width:250px;margin-top:5px;min-height:230px;
}
.cltListeElt1 {
	min-height:200px;
}
.cltListeElt2 {
	margin-top:10px;min-height:50px;
}

.cltDetail1 {
	display:inline;float:left;width:15%;margin-top:10px;/*180px*/
}
#cltImgDetail {width:100%;max-width:180px;}

.cltDetail2 {
	display:inline;float:left;width:80%;text-align:left;margin-left:10px;
}
.cltDetail2 div {font-size:13px;}
.cltDetail2 .paragrapheprix {font-size:12px;}

.cltDetail3 {
	display:block;float:left;width:100%;text-align:left;
}
.cltDetail3 div{
	width:100%;float:left;margin-top:10px;height:30px
}
.cltDetail4 {
	display:block;float:left;
}
.cltDetail41 {
	DISPLAY:none; 
}
.compBiblio {text-align:justify;font-size:13px;margin-right:10px;}

.parPage {
	display:inline;float:left;width:50%;text-align:right;padding-top:10px;
}
.parDate {
	display:inline;width:45%;float:left;text-align:left;margin-left:5%;padding-top:10px;
}

.cltHtPanier {
	DISPLAY: block; MARGIN-TOP:0px; MARGIN-RIGHT: 0px; MARGIN-BOTTOM:0px; MARGIN-LEFT: 7px; PADDING:0px ;
	TEXT-TRANSFORM: uppercase ;FONT-WEIGHT: bold ;FONT-SIZE: 12px
}
.cltHtTitre,.cltHtPrix,.cltHtQte,.cltHtMt,.cltHtRt,.cltHtMemo,.cltHtMemo2 {
	COLOR: #ffffff;BACKGROUND-COLOR: #979474;DISPLAY: inline; TEXT-INDENT: 5px; PADDING-TOP:5px; PADDING-BOTTOM: 5px;
	FLOAT: left; TEXT-ALIGN: left  ;MARGIN-BOTTOM:0px;MARGIN-TOP:0px ;PADDING-RIGHT:5px;BORDER-RIGHT: solid 1px #ffffff
	}
.cltHtTitre {
	width:355px;
	}
.cltHtPrix,.cltHtMt {
	width:65px;
}
.cltHtQte {
	width:45px;
}
.cltHtRt {
	width:105px;
}
.cltHtMemo2 {
	width:155px;text-align:center
}
.cltHtMemo {
	width:265px;
}

.cltIcon{visibility:hidden;}
.cltText{vertical-align:top;}
.cltText2{vertical-align:top;}

.cltLg0 {
	display: block; height: 51px;margin:0px 7px 0px 7px; padding:0px 0px 0px 0px ;
	COLOR: #000000; FONT-WEIGHT: normal ;FONT-SIZE: 13px
}
.cl2 {width:826px;}
.cl1 {width:826px;} /*665*/
.cltLg {
	color: #000000;display: inline; padding:5px;height: 41px;BACKGROUND-COLOR: #dfdfd4;
	float: left; margin-bottom:0px;margin-top:0px ;border-right: solid 1px #ffffff
	}
.cltLgTitre {
	width:350px;
	}
.cltLgPrix {
	width:60px;text-align:left;
	}
.cltLgQte {
	width:40px;text-align:center;
	}
.cltLgQte input {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:25px;height:20px;font-size:12px;
	border: 1px solid #000000
}
.cltLgMt {
	width:60px;text-align:left;
	}
.cltLgRt {
	width:100px;	
	}
.cltLgMemo {
	width:150px;
	}
.cltLgMemo2 {
	width:150px;
	}
	
.cltTotPanier {
	display: block; margin-top:0px; margin-right: 7px; margin-bottom:0px; margin-left: 7px; padding:0px ;
	font-size: 10px;/*#979474;*/
}
.cltTotPanierElt {
	width:545px; color: #000000;background-color: #979474;display: inline; text-indent: 5px; padding-top:5px; padding-bottom: 5px;
	float: left; text-align: right  ;margin-bottom:0px;margin-top:0px ;padding-right:8px  ;font-weight: bold ;
	BORDER-RIGHT: solid 1px #ffffff
	}
.cltTotPanierElt3 {
	width:148px; color: #000000;background-color: #979474;display: inline;
	padding-top:5px; padding-bottom: 5px;padding-left:8px;padding-right:5px  ; 
	float: left; text-align: left; margin-bottom:0px;margin-top:0px ;margin-left:0px ;font-weight: bold
	}	


.cltBloc7 {
	display:block; margin:0 0 7px 7px;padding:0;height:30px;
}
.cltBloc7#cltLienEtape1 {
	margin-left:7px; margin-top:7px;margin-bottom:7px;width:714px;
}
.cltBloc7#cltLienEtape3 {
	margin-left:7px; margin-top:7px;margin-bottom:7px;width:714px;height:100px;
}

.cltBloc7#cltphrase {
	width:714px; margin-top:4px;text-transform: uppercase; font-style: italic; font-weight: bold; text-align:center	
}
.cltBloc7#cltphrase2 {
	width:714px; margin-top:4px;text-transform: uppercase; font-style: italic; font-weight: bold; text-align:center	
}

.cltBloc7Phrase3 {
	display:block; margin:0px 15% 0px 15%;padding:5px 0px 5px 0px;width:70%;
	text-transform: uppercase; font-size:12px;font-style: italic; font-weight: bold; text-align:center;
	color: #e9ff9d;background-color: #979474;	
}
.cltBloc7Phrase3.cltG {
	text-align:left;background-color: #ffffff;
}
.cltBloc7Phrase3.cltG1 {
	margin:0px 1% 0px 7px; padding-left:7px;text-align:left;width:98%;text-align:center
}
	
.cltLiengauche {
	DISPLAY: inline; FLOAT: left
}
.cltLiensuite {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 7px;
}
.cltLiendroite {
	DISPLAY: inline; FLOAT: right; MARGIN-LEFT: 7px
}
.cltLiendroiteCB {
	DISPLAY: inline; FLOAT: right; MARGIN-LEFT: 7px
}

.cltResume {
	clear:both;display: block; margin:0px 0px 0px 2%; padding:0px ;
	font-size: 10px; width:98%;background-color: #979474;
}
.cltResumec1X {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding:2px 2% 2px 0px;width:47%;
	float: left; text-align: right  ;margin:0px 0px 0px 7px ;font-weight: bold ;border-right: solid 2px #ffffff;
	}
.cltResumec2X {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding:2px 0px 2px 2%;width:47%;
	float: left; text-align: left  ;margin:0px 0px 0px 0px ;font-weight: bold ;
	}
.cltResumec1 {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding:3px 1% 3px 0px;width:33.7%;
	float: left; text-align: right  ;margin:0px 0px 0px 15%;font-weight: bold ;border-right: solid 2px #ffffff;
	font-size:12px;
	}
.cltResumec2 {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding:3px 0px 3px 1%;width:33.7%;
	float: left; text-align: left  ;margin:0px 15% 0px 0px;font-weight: bold ;
	font-size:12px;
	}
.cltResumecx {
	color: #000000;background-color: #dfdfd4;display: inline; padding:2px 0px 2px 0px;width:48%;
	float: left; text-align: left  ;margin: 0px 0px 0px 0px ;font-weight: bold
	}

.cltResumet1 {/*color: #ffffff;background-color: #979474;*/
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding: 2px 2% 2px 0px;height:20px;
	float: left; text-align: right  ;margin:0px 0px 0px 7px;font-weight:bold ;width:11%;border-right: solid 1px #ffffff;
	}	
	
.cltResumet4 {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding: 2px 0px 2px 0px;height:20px;
	float: left; text-align: left  ;margin:0px 0px 0px 1%;font-weight:bold ;width:21%;border-right: solid 1px #ffffff;
	}
.cltResumetout {
	color: #000000;background-color: #dfdfd4;display: inline; margin:2px 1% 0px 7px; padding-left:7px;padding-top:7px;text-align:left;
	width:98%;height:25px;
	float: left; font-weight:bold ;font-size:12px;
	}
.cltResumet2 {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding: 2px 0px 2px 0px;height:20px;
	float: left; text-align: right  ;margin:0px;font-weight:bold ;width:10%;border-right: solid 1px #ffffff;
}
	
.cltResumet3 {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding: 2px 0px 2px 0px;height:20px;
	float: left; text-align: left  ;margin:0px 7px 0px 0px;font-weight:bold ;width:75.1%;
	}

.cltBarre {
	DISPLAY:block; margin:0px 0px 0px 0px; padding:0 0 0 0;width:100%;height:1px;background: url(site/barre_noire.gif) repeat left ;/*barre_noire.gif*/
}

.cltBlocActu {
	display:block; margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding:0px 0px 0px 0px;
}
.cltBlocActu H1 {
	font-size:24px; margin:10px 0px 5px 10px;text-transform:uppercase; color: #81900e;	
}
.cltBlocActu H1 A {
	font-size:24px; text-transform:uppercase; color: #81900e;	
}
.cltBlocActu H2 {
	font-size:14px; text-transform:uppercase;margin-top:5px;margin-bottom:7px;margin-left:7px;padding-top:5px;	
}
.cltBlocActu H2 A{
	font-size:14px; font-weight:bold;text-transform:uppercase;margin-top:5px;margin-bottom:7px;margin-left:0px;padding-top:5px;	
}
.blc {background-color: #ffffff;}
.blc2 {background-color: yellow;}

span.cltVoirActu {margin:0;padding:0;}

.cltVoirActu A {
	font-size:14px; font-style:italic;font-weight: bold;margin:3px 0px 0px 10px;padding:3px;background-color: #81900e;color:#ffffff;
}
.cltDateActu {
	font-size:14px; text-decoration:underline;	margin-bottom:10px;margin-left:10px;
}



.cltBlocActu p {
	font-size:14px; margin:0px 5px 0px 0px;padding:0px 0px 5px 10px;	
}

#Pay4 {display:block;}
#Pay1 #Pay2 #Pay3 {display:none;}

/*
.un {border-bottom:2px solid #ffffff;background-color: #dfdfd4}
.cltTitreActu H1 {
	font-size:24px; text-transform:uppercase; color: #81900e;margin-bottom:5px;	
}
.cltTitreActu H1 A {
	font-size:24px; text-transform:uppercase; color: #81900e;	
}
.cltTitreActu p {
	font-size:14px; margin:10px 5px 0px 0px;padding:0;	
}
.cltTitreActu H2 {
	font-size:14px; text-transform:uppercase;margin-top:20px;margin-bottom:10px;	
}
*/

/* media screen pour detil livre */
@media screen and (max-width: 1200px) {

.cltDetail1 {
	display:inline;float:left;width:20%;margin-top:10px;background-color:#FFFFFF;/*180px*/
}
#cltImgDetail {width:100%;max-width:180px;}

.cltDetail2 {
	display:inline;float:left;width:75%;text-align:left;margin-left:5%;background-color:#FFFFFF;
}
.cltDetail2 div {font-size:13px;}
.cltDetail2 .paragrapheprix {font-size:12px;}

.cltDetail3 {
	display:block;float:left;width:100%;text-align:left;
}
.cltDetail3 div{
	width:100%;float:left;margin-top:10px;height:30px
}
.cltDetail4 {
	display:none;
}
.cltDetail41 {
	DISPLAY:block; margin:0px 0px 0px 10px ;padding:0px; BACKGROUND-COLOR:#ffffff;/*#81900f;*/
}
	
}



/* media screen panier */
@media screen and (max-width: 850px) {

.blocIEltEtapes {clear:both;
	display:block;padding-top:5px;padding-bottom:5px;padding-left:5px;
	margin:0;text-align:left;font-weight:bold;background-color: #ffffff;
}

.cltHtTitre {
	display:none;
	}
.cltHtPrix,.cltHtMt {
	width:94px;
}
.cltHtQte {
	width:94px;
}
.cltHtRt {
	width:94px;
}
.cltHtMemo {
	width:295px;
}
.cltHtMemo2 {
	width:295px;text-align:center;
}

.cltTotPanier {clear:both;
	display: block; margin-top:0px; margin-right: 7px; margin-bottom:0px; margin-left: 7px; padding:0px ;
	font-size: 10px;/*#979474;*/
}

.cltTotPanierElt {
	width:290px; color: #000000;background-color: #979474;display: inline; text-indent: 5px; padding-top:5px; padding-bottom: 5px;
	float: left; text-align: right  ;margin-bottom:0px;margin-top:0px ;padding-right:8px  ;font-weight: bold ;
	BORDER-RIGHT: solid 1px #ffffff;
	
	}
.cltTotPanierElt3 {
	width:292px;padding-left:8px;padding-right:2px  ; 
	}	
	
.cltBloc7#cltLienEtape1 {
	margin-left:7px; margin-top:7px;	width:600px;
}
.cltBloc7#cltLienEtape3 {
	margin-left:7px; margin-top:7px;	width:600px;
}

	
.cltBloc7#cltphrase {
	width:600px; margin-top:4px;text-transform: uppercase; font-style: italic; font-weight: bold; text-align:center	
}
.cltBloc7#cltphrase2 {
	width:600px; margin-top:4px;text-transform: uppercase; font-style: italic; font-weight: bold; text-align:center	
}





.cltLg0 {
	height: 30px;FONT-SIZE: 13px;
}
.cl2 {width:600px;}
.cl1 {width:600px;}
.cltLg {
	padding:4px 0 2px 0;height: 25px;width:594px;
	border-bottom: solid 2px #ffffff
	}
.cltLgTitre {
	clear:both;font-weight:bold;height: 30px;width:592px;border-bottom: none;
	padding-left:4px;padding-right:4px;
	}
.cltLgSuite {
	clear:both;font-weight:bold;height: 30px;width:600px;
	}
.cltLgPrix {
	width:91px;border-right: solid 1px #ffffff;
	padding-left:4px;padding-right:4px;text-align:left;
	}
.cltLgMt {
	width:91px;border-right: solid 1px #ffffff;
	padding-left:4px;padding-right:4px;text-align:left;
}
.cltLgQte {
	width:91px;border-right: solid 1px #ffffff;padding:0px 4px 6px 4px;
	text-align:center;
}
.cltLgQte input {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:35px;height:20px;font-size:12px;
	border: 1px solid #000000
}
.cltLgRt {
	width:91px;border-right: solid 1px #ffffff;
	padding-left:4px;padding-right:4px;
}

.cltLgMemo {
	width:196px;border-right: none;
	padding-left:4px;
	}
.cltLgMemo2 {
	width:296px;border-right: none;
	padding-left:4px;text-align:center
	}
	
	
.cltBloc7Phrase3 {
	display:block; margin:0px 8% 0px 8%;padding:5px 0px 5px 0px;width:84%;
	text-transform: uppercase; font-size:12px;font-style: italic; font-weight: bold; text-align:center;
	color: #e9ff9d;background-color: #979474;	
}


.cltResumec1 {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding:3px 1% 3px 0px;width:40.7%;
	float: left; text-align: right  ;margin:0px 0px 0px 8%;font-weight: bold ;border-right: solid 2px #ffffff;
	font-size:12px;
	}
.cltResumec2 {
	color: #000000;background-color: #dfdfd4;display: inline; text-indent: 5px; padding:3px 0px 3px 1%;width:40.7%;
	float: left; text-align: left  ;margin:0px 8% 0px 0px;font-weight: bold ;
	font-size:12px;
	}


}
	
	
	

	

/* media screen */
@media screen and (max-width: 800px) {

.forminfo1 {/*#dfdfd4*/
	DISPLAY: block; MARGIN-TOP:0px; MARGIN-RIGHT: 0px; MARGIN-BOTTOM:0px; MARGIN-LEFT: 7px; PADDING:0px ;
	WIDTH: 100%;
	COLOR: #000000; FONT-SIZE: 11px ;height:26px
}
.forminfo1_elt {
	WIDTH: 90%;COLOR: #000000;BACKGROUND-COLOR: #dfdfd4;DISPLAY: inline; PADDING-TOP: 5px;PADDING-BOTTOM: 5px;PADDING-LEFT: 5px;
	FLOAT: left; TEXT-ALIGN: left ;MARGIN-BOTTOM:0px;MARGIN-TOP:0px	;BORDER-RIGHT: #ffffff 5px solid;height:16px 
	}



.label3 {
	width:30%;display:inline;float:left;margin:0;padding-right:10px;text-align:right
}
.label31 {
	width:40%;display:inline;float:left;margin:0;padding-leftt:10px;text-align:left
}
.label2 {
	display:inline;margin:0;padding:0
}

.forminfo1adr {
	DISPLAY: block; MARGIN-TOP:0px; MARGIN-RIGHT: 0px; MARGIN-BOTTOM:0px; MARGIN-LEFT: 7px; PADDING:0px ;
	BACKGROUND-COLOR: #dfdfd4; 	WIDTH: 90%;
	COLOR: #000000; FONT-SIZE: 11px ;height:66px
}
.forminfo1adr_elt {
	WIDTH: 90%;COLOR: #000000;BACKGROUND-COLOR:#dfdfd4;DISPLAY: inline; PADDING-TOP: 5px;PADDING-BOTTOM: 5px;PADDING-LEFT: 5px;
	FLOAT: left; TEXT-ALIGN: left ;MARGIN-BOTTOM:0px;MARGIN-TOP:0px	;BORDER-RIGHT: #ffffff 5px solid ;height:56px
	}			   
.forminfo1adr_elt .label1 {
	width:30%;display:inline;float:left;margin:0;padding-right:10px;padding-top:25px;text-align:right
}	  
.forminfotexte {
	WIDTH: 90%;COLOR: #000000;BACKGROUND-COLOR: #dfdfd4;DISPLAY: inline; PADDING-TOP: 5px;PADDING-BOTTOM: 5px;PADDING-LEFT: 5px;
	FLOAT: left; TEXT-ALIGN: left ;MARGIN-BOTTOM:0px;MARGIN-TOP:0px	;BORDER-RIGHT: #ffffff 5px solid; 
	}


.lab2 input[type="text"] {
	width:200px;font-size:13px;}

.lab2 TEXTAREA {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid black;
	width:200px;height:50px;font-size:13px;}
	
.lab2 input[name="codepostal"],.lab2 input[name="codepostal2"] {
	width:80px;}


.cltRef1 {/*width:80px;*/
	display:inline;float:left;width:80px;margin-top:10px;
}	

.cltRef2 {
	display:inline;float:left;width:500px;margin-top:10px;text-align:left;
}
	
.titreDOM H1 {
	font-size:20px; text-transform:uppercase; font-weight:bold; color: #81900e
}  

	
.cltListeRub2 {
	float:left;display:inline;width:24%;height:20px;
	text-align:left;padding:2px 0 0px 0px;margin:0px 0% 0px 0px;font-size:13px;
	}
.cltListeRubSel {
	float:left;display:inline;width:40%;height:20px;
	text-align:left;padding:2px 0 0px 0px;margin:0px 0% 0px 0px;font-size:13px;
	}
/*.cltListeRub1, .cltListeRub2,.cltListeRub3,.cltListeRub4,.cltListeRub5 {
	float:left;display:inline;width:24%;height:20px;
	text-align:left;padding:2px 0 0px 0px;margin:0px 0% 0px 0px;font-size:13px;
	}
.cltListeRub4 {
	clear:both;
	}
*/	

/*#cltImgDetail {width:150px;}*/

	
} /* fin 800*/




/* media screen pour tester en petit mettre 400 par exempleou moins*/
@media screen and (max-width: 700px) {

.blocIElt {
	COLOR: #000000;BACKGROUND-COLOR: #dfdfd4;DISPLAY: block; FLOAT: left; WIDTH: 100%;
	padding-bottom:0px;padding-top:0px;margin-left:0%;margin-right:0;/*padding-top:10px;*/
}
	
.forminfo1 {/*#dfdfd4*/
	DISPLAY: block; MARGIN-TOP:0px; MARGIN-RIGHT: 0px; MARGIN-BOTTOM:0px; MARGIN-LEFT: 7px; PADDING:0px ;
	WIDTH: 100%;
	COLOR: #000000; FONT-SIZE: 11px ;height:26px
}
.forminfo1_elt {
	WIDTH: 90%;COLOR: #000000;BACKGROUND-COLOR: #dfdfd4;DISPLAY: inline; PADDING-TOP: 5px;PADDING-BOTTOM: 5px;PADDING-LEFT: 5px;
	FLOAT: left; TEXT-ALIGN: left ;MARGIN-BOTTOM:0px;MARGIN-TOP:0px	;BORDER-RIGHT: #ffffff 5px solid;height:16px 
	}

.blocIElt1 {
	clear:both;display:block;float:left;padding:5px 0 0 0;margin:0 0 0 10px;text-align:left;font-weight:bold; 
}
.blocIElt2 {
	clear:both;display:block;float:left;padding:0 0 0 10px;margin:0;text-align:left;font-weight:bold;
	
}

.blocIEltAd1,.blocIEltAd2 {
	clear:both;display:block;float:left;width:100%;padding:5px 0 0 0;margin:0 0 0 10px;text-align:left;font-weight:bold;
}

.blocIEltAd1 div.lab1, .blocIEltAd2 div.lab1 {width:30%;}

.blocIEltExp1,.blocIEltExp2 {
	clear:both;display:block;float:left;width:100%;padding:5px 0 0 0;margin:0 0 0 4px;text-align:left;font-weight:bold;
	font-size:12px;
}

.cltRef2 {
	display:inline;float:left;width:250px;margin-top:10px;text-align:left;
}

.cltRef3 {/*width:350px;*/
	clear:both;display:block;float:left;margin-top:10px;
}
.cltRef4 {/*width:120px*/
	clear:both;display:block;float:left;margin-top:10px;margin-left:0px;
}

.titreDOM H1 {
	font-size:14px; text-transform:uppercase; font-weight:bold; color: #81900e
}  

.cltListeRub2 {
	float:left;display:inline;width:38%;height:20px;
	text-align:left;padding:2px 0 0px 0px;margin:0px 0% 0px 0px;font-size:13px;
	}

.cltListeRubSel {
	clear:both;float:left;display:block;width:100%;height:20px;
	text-align:left;padding:2px 0 0px 0px;margin:0px 0% 0px 0px;font-size:13px;
	}


.blocIEltEtapes {text-align:center}
#imgEt3 {display:block;}
#imgEt5 {clear:both;display:block;text-align:center}
/*.blocIEltEtapes div#imgEt4{display:inline;}*/
	
.cltHtPrix,.cltHtMt {
	width:90px;font-size:12px;
}
.cltHtQte {
	width:90px;font-size:12px;
}

.cltHtMemo2 {
	width:65px;font-size:12px;
}

.cltIcon{visibility:visible}
.cltText{display:none;}
.cltText2{display:none;}
.topPanier { /*voir topnav.css */
	position: absolute;
    right: 45px;
    top: 12px;
	}
.topPanierVide { /*voir topnav.css */
	position: absolute;
    right: 45px;
    top: 12px;
	}
.topPanierPlein { /*voir topnav.css */
	position: absolute;
    right: 45px;
    top: 12px;
	}

.cltTotPanierElt {
	width:183px; height:40px;font-size:13px;
	}
.cltTotPanierElt3 {
	width:157px;padding-left:8px;padding-right:2px  ; height:40px;font-size:13px;
	}	
	
.cltBloc7#cltLienEtape1 {
	margin-left:7px; margin-right:7px; margin-top:7px;	width:95%;
}
.cltBloc7#cltLienEtape3 {
	margin-left:7px; margin-right:7px; margin-top:7px;	width:95%;
}


	
.cltBloc7#cltphrase {
	width:95%; margin-top:4px;
	}
.cltBloc7#cltphrase2 {
	width:95%; margin-top:4px;
	}

.cltLiensuite {float:right;text-align:right;}
.cltLiendroite {clear:both;padding-top:10px;padding-bottom:10px;text-align:right}
.cltLiendroiteCB {clear:both;height:100px;width:95%; margin-top:20px;margin-top:10px;float:left;text-align:center;}

.cltLg0 {
	height: 40px;FONT-SIZE: 12px;
}	
.cl2 {width:350px;}
.cl1 {width:350px;}
.cltLg {
	width:350px;
	}
.cltLgTitre {
	width:350px;height: auto;padding-bottom:5px;
	}
.cltLgSuite {
	width:360px;height: 40px;
	}
.cltLgPrix {
	width:88px;border-right: solid 1px #ffffff;font-size:13px;
	padding-left:4px;padding-right:4px;text-align:left;
	}
.cltLgMt {
	width:88px;border-right: solid 1px #ffffff;font-size:13px;
	padding-left:4px;padding-right:4px;text-align:left;
}
.cltLgQte {
	width:88px;border-right: solid 1px #ffffff;padding:1px 3px 5px 3px;
	text-align:center;
}
.cltLgQte input {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width:40px;height:24px;font-size:13px;
	border: 1px solid #000000
}
.cltLgMemo2 {
	width:69px;border-right: none;
	padding-left:0px;padding-right:0px;text-align:center;
	}

.cltResumec1X {
	width:27%;height:30px;
	text-align: left  ;
	}
.cltResumec2X {
	width:67%;height:30px;
	}

.cltBloc7Phrase3 {
	display:block; margin:0px 2% 0px 2%;padding:5px 0px 5px 0px;width:96%;
	text-transform: uppercase; font-size:12px;font-style: italic; font-weight: bold; text-align:center;
	color: #e9ff9d;background-color: #979474;	
}


.cltResumec1 {
	width:30%;height:30px;
	margin:0px 0px 0px 2%;font-weight: bold ;border-right: solid 2px #ffffff;
	font-size:12px;	text-align: left  ;

	}
.cltResumec2 {
	width:63.4%;height:30px;
	margin:0px 2% 0px 0px;font-weight: bold ;
	font-size:12px;text-align:left;
	}

.cltResumet1 {
	width:15%;height:30px;
	}
.cltResumet4 {
	width:30%;height:30px;
	}
.cltResumetout {
	width:94.5%;height:25px;
	}
.cltBloc7Phrase3.cltG1 {
	width:94.5%;height:25px;text-align:center
}
.cltResumet2 {
	width:15%;height:30px;
}
	
.cltResumet3 {
	width:63.7%;height:30px;
	}


	
} /*fin 700*/