/* ARCHITECTURE ------------------------------------*/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	/*background-image:url(../graphisme/architecture/background.jpg);*/
	background-color:#20272a;
}

img {  border: none; outline:none;}

a:active {outline: 0px;}

a:focus {outline: 0px;}

.sous_img{
	font-size:11px;	
}

.contenu_catalogue hr
{
	width:100px;

}

.texte_vert
{
	color:#04ff00;
	font-size:10px;
}

.align_gauche
{
	float: left;
	margin-top:-10px;
	margin-left:10px;
	margin-right:10px;
}

.align_droite
{
	float: right;
	margin-top:-10px;
	margin-left:10px;
	margin-right:10px;
}

.titre{
	font-size:18px;
	font-weight:bold;
}

.titre2{
	font-size:15px;
	font-weight:bold;
}

.titre_mini{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	margin-top:5px;
	margin-bottom:10px;
}

#flashcontent1
{
	text-align:center;
}

#flashcontent2
{
	text-align:center;
}
#flashcontent3
{
	text-align:center;
}
#flashcontent4
{
	text-align:center;
}
#flashcontent5
{
	text-align:center;
}
#flashcontent6
{
	text-align:center;
}
#flashcontent7
{
	text-align:center;
}
#flashcontent8
{
	text-align:center;
}
#flashcontent9
{
	text-align:center;
}
#flashcontent10
{
	text-align:center;
}
#flashcontent11
{
	text-align:center;
}
#flashcontent12
{
	text-align:center;
}
#flashcontent13
{
	text-align:center;
}
#flashcontent14
{
	text-align:center;
}
#flashcontent15
{
	text-align:center;
}
#flashcontent16
{
	text-align:center;
}
#flashcontent17
{
	text-align:center;
}
#flashcontent18
{
	text-align:center;
}
#flashcontent19
{
	text-align:center;
}
#flashcontent20
{
	text-align:center;
}


a img{
	border: none;
	}

.div_hr
{
	width:580px;
	height:5px;
	margin:auto;
	border-bottom: 1px solid #fff;
	
}

h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	text-decoration:underline;
	margin-left:-15px;
}

#header {
	height: 117px;
	background-image:url(../graphisme/architecture/fond_dessus.jpg);
	background:#000000;
}

#conteneur {
	width:956px;
	margin:0 auto;
	margin-top: 10px;
	background-color:#000000;
	background-image:url(../graphisme/architecture/fond_millieux.jpg);
	background-repeat:repeat-y;
}

#centre {
	background-color:#000000;
	margin-left: 150px;
	margin-right: 150px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
}

.corps{
margin-left:0px;
}
#gauche {
	float:left;
	width: 150px;
}

#droite {
	float:right;
	width: 150px;
}

#pied {
	margin-top:10px;
	clear:both;
	height: 27px;
	background-color: #000000;
	background-image:url(../graphisme/architecture/fond_bas.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}

#menuhaut {
	list-style-type: none;
	margin: 0;
	padding:0;
}

#menuhaut li {
	display: inline;
}

#menuhaut a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}

#menuhaut a:hover {
	text-decoration: none;
}

#menugauche {
	list-style-type: none;
	margin: 0;
	padding:0;
}

#menugauche li {
	margin-bottom: 5px;
}

#menugauche a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}

#menugauche a:hover {
	text-decoration: none;
}

#menudroit {
	list-style-type: none;
	margin: 0;
	padding:0;
}

#menudroit li {
	margin-bottom: 5px;
}

#menudroit a {
	margin: 0 2px;
	color: #000000;
	text-decoration: underline;
}

#menudroit a:hover {
	text-decoration: none;
}

.titre_menu{
	margin-left:4px;
	margin-bottom:7px;
}

.titre_menud{
	margin-left:4px;
	margin-bottom:7px;
}

.menugauche{
	position:relative;
	z-index:4;
	margin-left:4px;
	padding-top:5px;
	color:#FFFFFF;
	height:28px;
	background-image: url(../graphisme/architecture/sous_menug.jpg) ;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align:center;
}

.menugauche a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}
.menugauche a:hover {
	text-decoration: none;
	color: #fff;
}

.menugauche2{
	position:relative;
	z-index:4;
	margin-left:4px;
	padding-top:5px;
	color:#FFFFFF;
	height:28px;
	background-image: url(../graphisme/architecture/sous_menug2.jpg) ;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align:center;
}

.menugauche2 a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}
.menugauche2 a:hover {
	text-decoration: none;
	color: #fff;
}


/*---------------------- partie verte*/


.menugauche-v{
	position:relative;
	z-index:4;
	margin-left:4px;
	padding-top:5px;
	color:#FFFFFF;
	height:28px;
	background-image: url(../graphisme/architecture/sous_menug-v.jpg) ;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align:center;
}

.menugauche-v a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}
.menugauche-v a:hover {
	text-decoration: none;
	color: #fff;
}

.menugauche2-v{
	position:relative;
	z-index:4;
	margin-left:4px;
	padding-top:5px;
	color:#FFFFFF;
	height:28px;
	background-image: url(../graphisme/architecture/sous_menug2-v.jpg) ;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align:center;
}

.menugauche2-v a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}
.menugauche2-v a:hover {
	text-decoration: none;
	color: #fff;
}


.fond_sous_menu-v{
	position:relative;
	z-index:3;
	margin-left:5px;
	margin-top:-16px;
	color: #fff;
	background-image: url(../graphisme/architecture/fond_sous_menu-v.jpg) ;
	background-repeat: repeat-y;
	font-size: 11px;
	text-align:center;
}

.fond_sous_menu-v a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}

.fond_sous_menu-v a:hover {
	text-decoration: none;
	color: #fff;
}

.fond_sous_menu-v li {
	text-align: left;
	margin-left:-32px;
	width:100px;
	padding-left:25px;
	padding-top:5px;
	margin-top:5px;
	padding-bottom:4px;
	list-style-type: none;
	border-bottom: 1px solid #5A5929;
	background-image:url(../graphisme/architecture/puce_sous_menu-v.jpg);
	background-repeat:no-repeat;
	background-position: left;
}

.pied_sous_menu-v{
	margin-left:5px;
	margin-top:-11px;
	height:9px;
	background-image: url(../graphisme/architecture/fond_sous_menu_pied-v.jpg);
	background-repeat: no-repeat;	
	clear:both;
}

.pied_sous_menu-v2{
	margin-left:5px;
	margin-top:0px;
	height:9px;
	background-image: url(../graphisme/architecture/fond_sous_menu_pied-v.jpg);
	background-repeat: no-repeat;	
	clear:both;
}


.contenu_match{
	padding-top:20px;
	padding-bottom:10px;

}

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


.menudroit{
	position:relative;
	z-index:4;
	margin-left:4px;
	padding-top:5px;
	color:#FFFFFF;
	height:28px;
	background-image: url(../graphisme/architecture/sous_menud.jpg) ;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align:center;
}

.menudroit a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}

.menudroit a:hover {
	text-decoration: none;
	color: #fff;
}

.menudroit2{
	position:relative;
	z-index:4;
	margin-left:4px;
	padding-top:5px;
	color:#FFFFFF;
	height:28px;
	background-image: url(../graphisme/architecture/sous_menud2.jpg) ;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align:center;
}

.menudroit2 a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}

.menudroit2 a:hover {
	text-decoration: none;
	color: #fff;
}

.fond_sous_menu{
	position:relative;
	z-index:3;
	margin-left:5px;
	margin-top:-16px;
	color: #fff;
	background-image: url(../graphisme/architecture/fond_sous_menu.jpg) ;
	background-repeat: repeat-y;
	font-size: 11px;
	text-align:center;
}

.fond_sous_menu a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}

.fond_sous_menu a:hover {
	text-decoration: none;
	color: #fff;
}

.fond_sous_menu li {
	text-align: left;
	margin-left:-32px;
	width:100px;
	padding-left:25px;
	padding-top:5px;
	margin-top:5px;
	padding-bottom:4px;
	list-style-type: none;
	border-bottom: 1px solid #5A5929;
	background-image:url(../graphisme/architecture/puce_sous_menu.jpg);
	background-repeat:no-repeat;
	background-position: left;
}

.pied_sous_menu{
	clear:both;
	margin-left:5px;
	margin-top:-11px;
	height:9px;
	background-image: url(../graphisme/architecture/fond_sous_menu_pied.jpg);
	background-repeat: no-repeat;
}



.fond_sous_menud{
	position:relative;
	z-index:3;
	margin-left:5px;
	margin-top:-16px;
	color: #fff;
	background-image: url(../graphisme/architecture/fond_sous_menu2.jpg) ;
	background-repeat: repeat-y;
	font-size: 11px;
	text-align:center;
}

.fond_sous_menud a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}

.fond_sous_menud a:hover {
	text-decoration: none;
	color: #fff;
}

.fond_sous_menud li {
	text-align: left;
	margin-left:-32px;
	width:100px;
	padding-left:25px;
	padding-top:5px;
	margin-top:5px;
	padding-bottom:4px;
	list-style-type: none;
	border-bottom: 1px solid #5A5929;
	background-image:url(../graphisme/architecture/puce_sous_menu2.jpg);
	background-repeat:no-repeat;
	background-position: left;
}

.pied_sous_menud{
	clear:both;
	margin-left:5px;
	margin-top:-11px;
	height:9px;
	background-image: url(../graphisme/architecture/fond_sous_menu_pied2.jpg);
	background-repeat: no-repeat;
}

.pluginf{
height:117px;
background-image: url(../graphisme/architecture/fond_site_flash.jpg);
}

.plugin_video{
	margin:auto;
	font-size:16px;
	color:#000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	width:500px;
	background-color:#F33;
}
.plugin_video a:link { color: #fff; text-decoration:underline;}
.plugin_video a:visited{color: #fff;  text-decoration:underline;}
.plugin_video a:hover{color: #fff; text-decoration: underline ;}

#flashcontent{
height:117px;
background-image: url(../graphisme/architecture/fond_site_flash.jpg);
}

.lien_menu{
padding-top:60px;
padding-left:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

.lien_menu a:link { color: #fff; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.lien_menu a:visited{color: #fff;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.lien_menu a:hover{color: #fff; text-decoration: underline ; font-family: verdana,geneva,arial,ms sans serif;}




.cadre
{
	margin:auto;
	text-align:center;
	width:450px;
	border:1px dashed #fff;
	background:#2e2e2e;
	font-weight: bold;
}


/*menu connexion------------------------*/

.menudroit_connexion{
	position:relative;
	z-index:4;
	margin-left:4px;
	padding-top:5px;
	color:#FFFFFF;
	height:28px;
	background-image: url(../graphisme/architecture/sous_menud3.jpg) ;
	background-repeat: no-repeat;
	font-size: 11px;
	text-align:center;
}

.menudroit_connexion a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}

.menudroit_connexion a:hover {
	text-decoration: underline;
	color: #fff;
}

.contenu_acteur{
	padding-top: 20px;
	font-size:13px;
	color:#FF0;
	font-weight:bold;
	margin-left:-3px;
}

.texte_acteur
{
	font-size:13px;
	color:#FF0;
	font-weight:bold;
}

.texte_acteur a:link { color: #FF0; text-decoration:none;}
.texte_acteur a:visited{color: #FF0;  text-decoration:none;}
.texte_acteur a:hover{color: #FF0; text-decoration: underline ; }

.fond_sous_menug{
	position:relative;
	z-index:3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:5px;
	margin-top:-16px;
	color: #FF0;
	height:auto;
	background-image: url(../graphisme/architecture/fond_sous_menu3.jpg) ;
	background-repeat: repeat-y;
	text-align:center;
}


.fond_sous_menug a {
	margin: 0 2px;
	color: #FF0;
	text-decoration: none;
}
.fond_sous_menug a:hover {
	text-decoration: underline;
	color: #FF0;
}


.contenu_catalogue
{
	padding-top:20px;
}

.fond_sous_menuc{
	position:relative;
	z-index:3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:5px;
	margin-top:-16px;
	color: #fff;
	height:auto;
	background-image: url(../graphisme/architecture/fond_sous_menu3.jpg) ;
	background-repeat: repeat-y;
	text-align:center;
}


.fond_sous_menuc a {
	margin: 0 2px;
	color: #fff;
	text-decoration: none;
}
.fond_sous_menuc a:hover {
	text-decoration: underline;
	color: #fff;
}

.fond_sous_menuc li {
	margin-left:-32px;
	width:126px;
	padding-top:5px;
	margin-top:5px;
	padding-bottom:4px;
	list-style-type: none;
	border-bottom: 1px solid #5A5929;
	background-image:url(../graphisme/architecture/puce_sous_menu2.jpg);
	background-repeat:no-repeat;
	background-position: center;
}

.pied_sous_menuc{
	clear:both;
	margin-left:5px;
	height:9px;
	background-image: url(../graphisme/architecture/fond_sous_menu_pied3.jpg);
	background-repeat: no-repeat;
}

.login{
	margin-top:8px;
}

.passe{
	margin-left:-3px;
}

input.login{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:75px;
	border: 1px solid #ADBDCA;
}

.envoi_bp{
margin-top:10px;
margin-left:42px;
}


.login2{
	margin-top:8px;
}

.passe2{
}

input.login2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:150px;
	border: 1px solid #ADBDCA;
}

.envoi_bp2{
margin-top:10px;
text-align:right;
}

input.bouton2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}



input.bouton {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;	
}

input.bouton_form{
	margin-left:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}

.texte_inscription{
	margin-top:10px;
}

.texte_gold{
	margin-top:10px;
	color:#FF9900;
}


.texte_gold a{
color:#FF9900;
}

.texte_gold a:hover{
color:#FF9900;
}


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

.entoure_menu{
	margin-bottom:5px;
}

.fond_menu1{
	width:651px;
	height:auto;
	background-image:url(../graphisme/architecture/menu1_millieux.jpg);
	background-repeat:repeat-y;
}

.fond_menu1_page{
margin-right:5px;
	width:651px;
	height:auto;
	background-image:url(../graphisme/architecture/menu1_millieux.jpg);
	background-repeat:repeat-y;
}

.bas_menu1_page{
margin-right:5px;
	/*margin-top:-10px;*/
	margin-bottom:10px;
	width:651px;
	clear:both;
	height: 6px;
	background-image:url(../graphisme/architecture/menu1_bas.jpg);
	background-repeat:no-repeat;
}

.dessus_menu1{
	height: 31px;
	background-image:url(../graphisme/architecture/menu1_haut.jpg);
	background-repeat:no-repeat;
}

.bas_menu1{
	margin-bottom:10px;
	width:651px;
	clear:both;
	height: 6px;
	background-image:url(../graphisme/architecture/menu1_bas.jpg);
	background-repeat:no-repeat;
}

.fond_menu2{
	width:323px;
	height:350px;
	background-image:url(../graphisme/architecture/menu2_millieux.jpg);
	background-repeat:repeat-y;
}

.dessus_menu2{
	height: 28px;
	background-image:url(../graphisme/architecture/menu2_haut.jpg);
	background-repeat:no-repeat;
}

.bas_menu2{
	width:323px;
	clear:both;
	height: 6px;
	background-image:url(../graphisme/architecture/menu2_bas.jpg);
	background-repeat:no-repeat;
}



.fond_menu3{
margin-left:1px;
	width:323px;
	height:350px;
	background-image:url(../graphisme/architecture/menu3_millieux.jpg);
	background-repeat:repeat-y;
}

.dessus_menu3{
	height: 28px;
	background-image:url(../graphisme/architecture/menu3_haut.jpg);
	background-repeat:no-repeat;
}

.bas_menu3{
	margin-left:1px;
	width:323px;
	clear:both;
	height: 6px;
	background-image:url(../graphisme/architecture/menu3_bas.jpg);
	background-repeat:no-repeat;
}

.fond_menu3_page{
margin-left:3px;
	width:323px;
	height:350px;
	background-image:url(../graphisme/architecture/menu3_millieux.jpg);
	background-repeat:repeat-y;
}


.bas_menu3_page{
	margin-left:3px;
	width:323px;
	clear:both;
	height: 6px;
	background-image:url(../graphisme/architecture/menu3_bas.jpg);
	background-repeat:no-repeat;
}

.actorielweb{
	height:20px;
	margin:auto;
	width:950px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:right;
}

.actorielweb a{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}

.actorielweb a:hover{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: underline;
}

/* MISE EN FORME TEXTE------------------------------------*/


.formu_contact{
	margin-left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #fff;
}

.formu_contact a:link { color: #fff; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.formu_contact a:visited{color: #fff;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.formu_contact a:hover{color: #fff; text-decoration: underline ; font-family: verdana,geneva,arial,ms sans serif;}


.tous_droits{
margin-left:630px;

}

.texte_bas{
	padding-top:5px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.texte_bas a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
.texte_bas a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}

.texte_menu2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:10pt;
	margin:auto;
	margin-top:5px;
	height:240px;
	width:300px;
}

.lien_suite{
margin-top:55px;
margin-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
}

.lien_suite a{
color:#FFFFFF;
text-decoration:none;
}

.lien_suite a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.lien_suite1{
margin-right:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
}

.lien_suite1 a{
color:#FFFFFF;
text-decoration:none;
}

.lien_suite1 a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.texte_menu1{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
font-size:10pt;
height:270px;
}

.rouge_10{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FF3300;
}


.texte_gamme{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:10pt;
	padding-left: 15px;
	 padding-right: 15px;
	color:#FFFFFF;
	line-height:13pt;
	padding-bottom:10px;
}

.texte_gamme a:link { color: #fff; text-decoration:underline;}
.texte_gamme a:visited{color: #fff;  text-decoration:underline;}
.texte_gamme a:hover{color: #fff; text-decoration: underline ;}

.texte_gamme li
{
	margin-top:-10px;
}

.texte_panier{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	font-size:10pt;
	padding-left: 15px;
	 padding-right: 15px;
	color:#FFFFFF;
	line-height:13pt;
	text-indent:20px;
	padding-bottom:10px;
}

.texte_gamme p{
	text-indent:0px;
}



/* css formulaire-----------------------------*/

input.style_fond1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #ADBDCA;
	width:172px;
}

input.style_fond2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #ADBDCA;
	background:#f88585;
	width:172px;

}

select.style_fond1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #ADBDCA;
	width:174px;
}

select.style_fond2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #ADBDCA;
	background:#f88585;
	width:174px;

}

textarea.style_fond1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #ADBDCA;
	width:172px;
}

textarea.style_fond2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border: 1px solid #ADBDCA;
	width:172px;
	background:#f88585;
}

input.style_fond_contact1{
	border: 1px solid #ADBDCA;
}

input.style_fond_contact2{
	border: 1px solid #ADBDCA;
	background:#f88585;
}

textarea.style_fond_contact1{
	border: 1px solid #ADBDCA;
	width:486px;
}

textarea.style_fond_contact2{
	border: 1px solid #ADBDCA;
	width:486px;
	background:#f88585;
}


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

/*GAMME--------------------------------------------*/

.titre_produit{
border-left: #DDDDDD solid 1px;
border-top: #DDDDDD solid 1px;
}

.div_titre_produit{
padding-bottom: 10px;
margin-bottom: 20px;
width: 600px;
}

.pages{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin-top: 10px;
margin-bottom: 12px;
color:#FFFFFF;
}

.pages a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin-top: 10px;
margin-bottom: 12px;
text-decoration:none;
color:#FFFFFF;
}

.pages a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin-top: 10px;
margin-bottom: 12px;
text-decoration:none;
color:#FFFFFF;
}

.reportage{
margin:auto;
text-align:center;
width: 500px;
color: #DDDDDD;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12pt;
border-bottom: #DDDDDD solid 1px;
border-top: #DDDDDD solid 1px;
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 5px;
padding-top: 2px;
}

.titre_article{
	margin-top:10px;
	margin-bottom:30px;
	text-decoration:underline;
	font-size:16px;
	font-weight:bold;
}

.flag img, span { 

   vertical-align: middle;

   display: inline-block;
   margin-top:-2px;

}

.flag span { 

   padding-left: 5px; 

}

.flag1 img, span { 

   vertical-align: middle;

   display: inline-block;
   margin-top:-2px;

}

.flag1 span { 

   padding-left: 5px; 

}


.flag2 img, span { 

   vertical-align: middle;

   display: inline-block;
   margin-top:-2px;

}

.flag2 span { 

   padding-left: 5px; 

}

/*-------------- Mise en page rubrique*/

.photo_rubrique{
margin:auto;
width:610px;
margin-bottom:10px;
}

.fond_avoir a { color: #131313;}


.fond_avoir{
	width:156px;
	height:170px;
	background-image:url(../graphisme/architecture/menu_av_millieux.jpg);
	background-repeat:repeat-y;
}
.dessus_avoir{
	height: 17px;
	background-image:url(../graphisme/architecture/menu_av_dessus.jpg);
	background-repeat:no-repeat;
}

.dessus_avoir_galerie{
	height: 17px;
	background-image:url(../graphisme/architecture/menu_av_dessus2.jpg);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

.bas_avoir{
	width:156px;
	margin-bottom:10px;
	clear:both;
	height: 7px;
	background-image:url(../graphisme/architecture/menu_av_bas.jpg);
	background-repeat:no-repeat;
}

.nom_rubrique{
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.nom_rubrique a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

.nom_rubrique a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-decoration:underline;
}

.erreur{
margin-top:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #FF3333;
font-weight:bold;
}

.photo_home{
padding-top:15px;
height:55px;
}

.tb_arome{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}

.tb_arome a{
text-decoration:none;
color:#FFFFFF;

}

.tb_arome a:hover{
text-decoration:none;
color:#FFFFFF;
;
}

.pos_tb_arome{
padding-bottom:10px;
}

table.sample2 {
	margin-top:10px;
    width: 620px;
	border-collapse: collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.sample2 td {
    padding: 2px;
}

.titre_arome{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:auto;
width:620px;
background-image:url(../graphisme/architecture/fond_arome.jpg);
height:25px;
padding-top:7px;
background-repeat:no-repeat;
margin-bottom:-12px;
letter-spacing: 2px;
text-transform: uppercase;
}

.titre_arome2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:auto;
width:620px;
background-image:url(../graphisme/architecture/fond_arome2.jpg);
height:25px;
padding-top:7px;
background-repeat:no-repeat;
margin-bottom:-12px;
letter-spacing: 2px;
text-transform: uppercase;
}
/*------ Panier----*/
table.sample {
	margin-top:10px;
    width: 620px;
	border-collapse: collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table.sample td {
    padding: 0px;
}

.top{
    font-weight: bold;
    text-align: center;
    background-color: #575f72;
    border-style: solid; 
    border-width: 1px 1px 2px 1px; 
    border-color: #b0c1df;
    color: #FFF;
}

.gris {
    text-align: center;
    width: 150px;
    background-color: #2b2a33;   
	border-style: solid; 
    border-width: 1px;
	border-color: #b0c1df;
	color: #fff;
}

.clair {
    text-align: center;   
	border-style: solid; 
    border-width: 1px;
    background-color: #3c3a47; 
	border-color: #b0c1df;
	color: #fff;
}


.ajout_panier_image{
margin-top:15px;
text-align:center;
}

.texte_ajout_panier{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
padding:10px;
}

.aller_panier{

text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color:#FFFFFF;
padding:10px;

}

.aller_panier a{
color:#FFFFFF;
text-decoration:none;
}

.aller_panier a:hover{
color:#FFFFFF;
text-decoration:none;
}
.tb_somme_blanc{
	border: 0px;
	height:25px;
	}

.tb_somme{
	height:25px;
	font-size:12px;
	font-weight: bold;
	color:#fff;
	border-top: solid 2px #acc4dc;
	border-bottom: solid 2px #acc4dc;
	}
	
.tb_recalculer{
	height:50px;
	vertical-align:bottom;
	}

.texte_valide{
text-align:center;
}

.paiement{
text-align:center;
margin:auto;
width:500px;
background-color:#666666;
border:dashed 1px #CCCCCC;
padding-top:10px;
padding-bottom:10px;
}

/*--------------------------mise en page page article*/

.retour{
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

.retour a:link { color: #fff; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.retour a:visited{color: #fff;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.retour a:hover{color: #fff; text-decoration: underline ; font-family: verdana,geneva,arial,ms sans serif;}

.lien a:link { color: #fff; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.lien a:visited{color: #fff;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.lien a:hover{color: #fff; text-decoration: underline ; font-family: verdana,geneva,arial,ms sans serif;}

.box{
	padding:20px;
	
}

.box a:link { color: #fff; text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.box a:visited{color: #fff;  text-decoration:none;font-family: verdana,geneva,arial,ms sans serif;}
.box a:hover{color: #fff; text-decoration: underline ; font-family: verdana,geneva,arial,ms sans serif;}