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

/* GENERAL */
body {
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 0 10px 0;
	margin: 0 auto;
	background-color: #a0a39a;
	background-image: url(../images/fond640.jpg);
	background-repeat: no-repeat;
	background-position: top;
}	
img {
border-width: 0;
border-style: none;
}


/* CONTAINERS */
#containerglobal{
	clear: both;
	position: relative;
	width: 640px;
	padding: 0;
	margin: 0 auto;	
}
#containerglobal3{
	clear: both;
	position: relative;
	width: 640px;
	padding: 0;
	margin: 0 auto;	
}
#containerheader{
	clear: both;
	position: relative;
	width: 640px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
}
.containerhome {
	background-image: url(../images/trame_home640.gif);
	background-repeat: repeat-y;
}

#containerglobal2{
	clear: both;
	position: relative;
	width: 640px;
	padding: 0;
	margin: 0 auto;	
}

/* HEADER */
#header{
	width: 370px;
	height: 160px;
	margin: 0 auto;
	background-color: #fff;
	text-align: center;
}





/* FOOTER */
#avantfooter {
	clear: both;
	position: relative;
	background-color: #fff;
	background-image: url(../images/trait-640.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 640px;
	height : 5px;
	margin: 0;
	padding: 0;
	
}	
#footer {
	clear: both;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	width: 640px;
	height: 30px;
	text-align: center;
	margin: 0;
	padding: 10px 0 0 0;
}
#footerbloc {
	display:inline-block;
	float: left;
	width: 210px;
	background-color: #fff;
	height: 30px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 10px;
	color: #666;
}
#footerbloc a {
	color: #666;
	text-decoration: none;
	background: transparent;
}
#footerbloc a:link {
	color: #666;
	text-decoration: none;
	background: transparent;
}
#footerbloc a:visited {
	color: #666;
	text-decoration: none;
	background: transparent;
}
#footerbloc a:hover {
	color: #eed65c;
	text-decoration: none;
	background: #fff;
	-webkit-transition-property : color, background;
	-webkit-transition: 0.3s;
	-webkit-transition-timing-function: linear; 
	-ms-transition-property : color, background;
	-ms-transition: 0.3s;
	-ms-transition-timing-function: linear; 
	-moz-transition-property : color, background;
	-moz-transition: 0.3s;
	-moz-transition-timing-function: linear; 
	-o-transition-property : color, background;
	-o-transition: 0.3s;
	-o-transition-timing-function: linear; 
 	padding:9px 0 9px 0;
}
#footerbloc a:active {
	color: #fff;
	text-decoration: none;
	background: transparent;
}






/* NAVIGATION */		
#navbloc {
	width: 100px;
	float: left;
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #333;	
}
#containernav {
	width: 296px;
	background-color: #fff;
	margin: auto;
	padding: 0;	
}
#navbloc a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}
#navbloc a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}
#navbloc a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}
#navbloc a:hover {
	color: #eed65c;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	-webkit-transition-property : color, background;
	-webkit-transition: 0.3s;
	-webkit-transition-timing-function: linear; 
	-ms-transition-property : color, background;
	-ms-transition: 0.3s;
	-ms-transition-timing-function: linear; 
	-moz-transition-property : color, background;
	-moz-transition: 0.3s;
	-moz-transition-timing-function: linear; 
	-o-transition-property : color, background;
	-o-transition: 0.3s;
	-o-transition-timing-function: linear; 
 	padding:9px 0 9px 0;
}
#navbloc a:active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
}



/* ZONE PROMO */
#promo{
	height: 250px;
	width: 640px;
	padding: 0;
	margin: 0;
	background-image: url(../images/promo640.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

/* ZONE NEWS */

#zone_news{
	float: left;
	background-color: #fff;
	width: 310px;
	height: 853px;
	padding: 0 10px 0 320px;
	margin: 0;
	background-image: url(../images/home-640.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
#zone_news2{
	margin: 0;
	padding: 0;
	width: 640px;
	background-color: #000;
}
#zone_newsvideo{
	margin: 20px;
	padding: 0;
	width: 600px;
	background-color: #000;
	text-align:center;
	border: solid #333 1px;
}

/* BOUTONS calage*/
.info {
	position: absolute;
	top: 200px;
	left: 390px;
	background-color: #887a22;
	color: #FFF;
	}
.acheter {
	position: absolute;
	top: 200px;
	left: 485px;
	background-color: #ccb852;	
	color: #FFF;
}


#bandeau_encarts{
	margin: 0;
	padding: 0;
	width: 640px;
	height: 160px;
	background-color: #000;
	text-align:left;
}
#zone_encart{
	float: left;
	margin: 0;
	padding: 0;
	width: 320px;
	background-color: #000;
	text-align:left;
}

#visuel_edition{
	margin: 0;
	padding: 0;
	width: 640px;
	height: 200px;
	background-image: url(../images/visuel-edition640.jpg);
	background-repeat: no-repeat;
	background-position : bottom;
	text-align:left;
}


/* COLONNES */


/* COLONNE avant footer */	
.col_footer{
	width: 640px;
	height: 10px;
	background-color: #fff;
}


/* COLONNES page Accueil */	
col_home{
	width: 320px;
	padding: 0;
}
.col_home1{
	width: 280px;
	padding: 20px;
	background-color: transparent;
}
.col_home2{
	width: 640px;

	padding: 10px 10px 10px 320px;	
}
.col_home3{
	width: 100%;
	height: 218px;
	background-image: url(../images/romans_vacances-640.jpg);
	background-repeat: no-repeat;
	background-position : top center;
	padding: 10px 10px 10px 0;	
}
.col_homevide{
	width: 100%;
	height: 10px;
	background-color: #fff;
}
.col_home2-visuel{
	width: 320px;
	height: 432px;
	background-image: url(../images/visuelhome640.jpg);
	background-repeat: no-repeat;
	background-position : top center;
	padding: 0;
}
.col_home3-visuel{
	width: 320px;
	height: 432px;
	background-image: url(../images/visuelhome640.jpg);
	background-repeat: no-repeat;
	background-position : top center;
	padding: 0;
}

/* COLONNES page Romans */	
.col_roman{
	width: 640px;
	padding: 0;
}
.col_roman1{
	width: 130px;
	padding: 0 0 10px 5px;
}	
.col_roman2{
	width: 320px;
	padding: 10px 10px 0 10px;
	font-size: 12px;
}
.col_roman3{
	width: 600px;
	padding: 10px 10px 0 20px;
	font-size: 12px;
}
.col_roman4{
	width: 140px;
	padding: 0 10px 0 10px;
	font-size: 12px;
}
.col_romantrait{
	width: 600px;
	height: 10px;
	margin: 0 30px 0 20px;
	background-image: url(../images/traitbleu.gif);
	background-repeat: no-repeat;
	background-position : top center;
	text-align: left;
}


/* COLONNES page Orferit */	
.col_orferit-titre{
	width: 640px;
	text-align: center;
	padding: 0 0 10px 0;
	border-bottom: solid #666 1px;
	margin-bottom : 5px;
}
.col_orferit-titre2{
	width: 640px;
	text-align: center;
	padding: 0 0 10px 0;
	border-bottom: solid #666 1px;
	margin: 0;
}

.col_orferit1{
	clear:booth;
	float: left;
	width: 640px;
	padding: 10px 0 0 0;
}
.col_orferit2{
	width: 320px;
	height: 388px;
	padding: 0;
	text-align: center;
}
.col_orferit3{
	width: 290px;
	height: 378px;
	padding: 10px 15px 0 15px;
}
.col_orferit4{
	width: 290px;
	padding: 10px 15px 0 15px;
}
.col_orferit-fond{
	width: 640px;
	background-color: #f7f7ef;
	background-image: url(../images/signature_640.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.col_orferit5{
	width: 290px;
	height: 378px;
	padding: 10px 15px 0 15px;
}
.col_orferit6{
	width: 290px;
	height: 378px;
	padding: 10px 15px 0 15px;
}

/* COLONNES page Editions */
.col_editions {
	width: 100%;
	padding: 0;
}	
.col_editions1{
	float: left;
	width: 230px;
	padding: 0 10px 10px 10px;
}
.col_editions2{
	float: left;
	width: 260px;
	padding: 0 10px 10px 25px;
}
.col_editions3{
	float: left;
	width: 90px;
	margin: 0;
	padding: 0;
	text-align: right;
}


/* COLONNES PAGE Contact */
.col_contacttotal{
	width: 614px;
	margin: 0 13px 0 13px;
	text-align: left;
}
.col_contact{
	float: left;
	width: 190px;
	padding: 0 10px 10px 10px;
	font-size: 12px;
}
.col_contact2{
	float: left;
	width: 630px;
	height: 158px;
	font-size: 12px;
	background-image: url(../images/visuel_contact640.jpg);
	background-repeat: no-repeat;
	background-position : top right;
	margin-top:0;
}


/* COLONNES page newsletter */	
.col_newsletter{
	width: 640px;
	padding: 0;
}
.col_newsletter1{
	width: 400px;
	height: 359px;
	background-image: url(../images/newsletter640.jpg);
	background-repeat: no-repeat;
	background-position : center;
	padding: 0;
	}
.col_newsletter2{
	width: 220px;
	padding: 10px;
	font-size: 12px;
}


/* COLONNES page Salons */	
.col_salons{
	width: 640px;
	padding: 0;
}
.col_salons1{
	width: 300px;
	padding: 10px 10px 10px 10px;
	}
.col_salons2{
	width: 300px;
	padding: 10px 10px 10px 10px;
	}


/* COLONNES page Commande */
.col_commande{
	width: 640px;
	padding: 0;
}
.col_commande1{
	width: 295px;
	padding: 0 10px 10px 10px;
}
.col_commande2{
	width: 310px;
	padding: 5px;
	font-size: 10px;
}








/* TYPOS 640 */
.noir_corps11_inter13 {
	font-size :12px;
	line-height: 14px;
	font-weight: normal;
}
.noir_corps12_inter14 {
	font-size :13px;
	line-height: 15px;
	font-weight: normal;
}
.noir_corps13_inter15 {
	font-size :14px;
	line-height: 16px;
	font-weight: normal;
}
.noir_corps14_inter16 {
	font-size :15px;
	line-height: 17px;
	font-weight: normal;
}	
.noir_corps14_inter20 {
	font-size :15px;
	line-height: 21px;
	font-weight: normal;
}
.noir_corps18_inter24 {
	font-size :19px;
	line-height: 25px;
	font-weight: normal;
}

.gris_corps14 {
font-size: 15px;
color: #333;
	
.gris_corps16 {
	font-size: 17px;
	color: #333;
}
.gris_corps22 {
	font-size: 23px;
	color: #333;
}




.blanc_corps12_inter14 {
	font-size: 13px;
	line-height: 15px;
	color: #FFF;
	font-weight: normal;
}
.blanc_corps14_inter16 {
	font-size: 15px;
	line-height: 17px;
	color: #FFF;
	font-weight: normal;
}
.blanc_corps18_inter21 {
	font-size: 19px;
	line-height: 22px;
	color: #FFF;
	font-weight: normal;
}
.blanc_corp22 {
	font-size: 23px;
	color: #FFF;
	font-weight: normal;
}


.bleugris_corps10 {
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	color: #545447;
}
.bleugris_corps10_inter12 {
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #545447;
}
.bleugris_corps12_inter14 {
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;
	color: #545447;
}
.bleugris_corps12_inter14_italic {
	font-size: 13px;
	line-height: 16px;
	font-style: italic;
	color: #545447;
}
.bleugris_corps14_inter16 {
	font-size: 15px;
	line-height: 16px;
	color: #545447;
	font-weight: normal;
}
.bleugris_corps14_inter16_italic {
	font-size: 15px;
	line-height: 16px;
	font-style: italic;
	color: #545447;
}
.bleugris_corps16_bold {
	font-size: 17px;
	font-weight: bold;
	color: #545447;
}
.bleugris_corps20 {
	font-size: 21px;
	color: #545447;
	font-weight: normal;
}
.bleugris_corps30 {
	font-size: 30px;
	color: #545447;
	font-weight: normal;
}
.bleugris_corps50 {
	font-size: 50px;
	color: #545447;
	font-weight: normal;
}




.bleu_corps10 {
	font-size :11px;
	color: #90907d;
	font-weight: normal;
}
.bleu_corps12_inter14 {
	font-size :13px;
	line-height: 15px;
	color: #90907d;
	font-weight: normal;
}
.bleu_corps14_inter16 {
	font-size :15px;
	line-height: 17px;
	color: #90907d;
	font-weight: normal;
}
.bleu_corps16_inter18 {
	font-size :17px;
	line-height: 19px;
	color: #90907d;
	font-weight: normal;
}
.bleu_corps18_inter21 {
	font-size :19px;
	line-height: 22px;
	color: #90907d;
	font-weight: normal;
}
.bleu_corps30 {
	font-size: 30px;
	color: #90907d;
	font-weight: normal;
}
.bleu_corps32 {
	font-size: 36px;
	color: #90907d;
	font-weight: normal;
}



.jaune_corps10 {
	font-size :11px;
	color: #887a22;
	font-weight: normal;
}
.jaune_corps12_inter14 {
	font-size :13px;
	line-height: 15px;
	color: #887a22;
	font-weight: normal;
}
.jaune_corps14_inter16 {
	font-size :15px;
	line-height: 17px;
	color: #887a22;
	font-weight: normal;
}
.jaune_corps16_inter18 {
	font-size :17px;
	line-height: 19px;
	color: #887a22;
	font-weight: normal;
}
.jaune_corps18_inter21 {
	font-size :19px;
	line-height: 22px;
	color: #887a22;
	font-weight: normal;
}
.jaune_corps30 {
	font-size: 30px;
	color: #887a22;
	font-weight: normal;
}
.jaune_corps50 {
	font-size: 50px;
	color: #887a22;
	font-weight: normal;
}