@font-face {
    font-family: 'MyriadProCondensed';
    src: url('inc/myriadpro-cond-webfont.eot');
    src: url('inc/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/myriadpro-cond-webfont.ttf') format('truetype'),
         url('inc/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* REINITIALISATION DES ELEMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
body#main{
	background: #f9f1eb;
	text-align:center;
}
html{
	color: #717172;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1 {color:#322a21; font-size:18px; margin-bottom:6px;text-transform: uppercase;}
h1 a, h1 a:link, h1 a:visited {color:#C21527;}

h2 {font-size:18px; font-weight: normal; margin:0; text-transform: uppercase; font-stretch: condensed;}
h2 a, h2 a:link, h2 a:visited {color:#333;}

p {font-size:11px; line-height:150%; color:#717172;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited {color:#322A21; text-decoration:none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover {color:#000; text-decoration:underline;}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

ul li{color:#1F1F1F; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:11px; line-height:150%; margin-left:16px;}

/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
fieldset.envoiAmi label{font-size:12px; color:#000; margin:2px 0 2px 0; width:90px; float:left;}
fieldset label.erreur{color:#cc0000;}

fieldset.envoiAmi input.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:200px;
}

.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	border: 1px solid #6a5a4d;
	color: #6a5a4d;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}

.bouton:hover{background-color:#6a5a4d; color:#FFF; cursor: pointer;}
.champCache{display:none; visibility:hidden;} /* Utilise pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}

/* Icones generales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* CONTENEURS ET CLASSES GENERALES
--------------------------------------------------------------------------------------- */
#conteneurWrap{
	background: url(gx/M/fond.gif) no-repeat scroll center top;
	margin: 0 auto 0 auto;
}

#conteneur{
	background-color:#efece3;
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}

#conteneurAccueil{
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
}
#haut {margin: 0 auto 0 auto; width:980px;}
#logoArtemano{float:left; margin-top:28px;  margin-left:16px;}

#recherche{
	color: #432411;
	float: right;
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: -20px 30px 0 0;
	width: 203px;
}

#rechercheBox{
	background-color: #ece2d9;
	border: none;
	color:#432411;
	float:right;
	margin-top: 0px;
	padding:6px 5px;
	width:135px;
}

#btFacebook a{
	display:block;
	float: right;
	margin-top: 0px;
	margin-right: 10px;
	text-align: center;
	height:24px;
	text-indent:-999999px;
	width:24px;
}

#btTwitter{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	text-align: center;
	height:24px;
	text-indent:-999999px;
	width:24px;
}

.lienBouton:hover{
	color: #000;
}

.ItemPhotoTn:hover{
	opacity: 0.70;
}

#contenu {background-color:#efece3; padding:20px 0; margin-bottom:20px;}
#contenu.frameAcc {background:none; padding:0px; margin:0px;}

/* MEUBLES
--------------------------------*/

#banner2{
	background: url(gx/banner2.jpg) #efede3 no-repeat top left;
	height: 251px;
	width: 1000px;
}

#breadcrumb{
	background-color: #efede3;
	border-bottom: 1px solid #d7cea8;
	height: 30px;
	line-height: 30px;
	padding-left: 14px;
}

#breadcrumb a{
	color: #322a21;
	text-decoration: none;
}

#breadcrumb span a{
	color: #a49274;
}

#breadcrumb a:hover{
	text-decoration: underline;
}

#left-menu{
	background-color: #e5dfd3;
	float: left;
	margin: 0px 0 10px 10px;
	height: 785px;
	width: 255px;
}

#left-menu h2{
	background-color: #1f1f1f;
	color:#EEE9D8;
	height: 42px;
	line-height: 15px;
	margin-bottom: 12px;
	padding-left: 13px;
	padding-top: 13px;
}

#left-menu h2 span{
	color: #b6b0a1;
	font-size: 12px;
	text-transform: none;
}

#left-menu ul{
	list-style-image: url(gx/listArrow2.jpg);
	margin: 25px 0 0 20px;
	width:225px;
}

#left-menu li{
	font-size:12px;
	list-style: none;
	list-style-image: url(gx/listArrow2.jpg);
}

#left-menu li span{
	font-weight: bold;
}

#left-menu a{
	color: #1f1f1f;
	text-decoration: none;
}

#left-menu a:hover{
	text-decoration: underline;
}

#left-menu a.actif{
	color: #a49274;
	font-weight: bold;
}


#intro{
	float: left;
	margin: 20px 0 0 20px;
	width:690px;
}

#intro h2{
	color: #322a21;
}

#intro p{
	color: #322a21;
	font-size: 12px;
	line-height: 22px;
}

#intro img{
	padding-left:10px; 
}

#conteneurMeuble{
	float: left;
	/*height: 640px;*/
	margin: 0px 0 170px 0;
	width:735px;
}

#contenuMeuble{
	margin: 0 auto 0 auto;
	width:616px;
}

.conteneurMoy{
	width:790px;
	margin: 0 auto 0 auto;
	min-height: 500px;
}
.conteneurMoyPlusMince{
	margin: 0 0 0 20px;
	width:700px;
	min-height: 500px;
	float:left;
}

.conteneurLarge{
	width:925px;
	margin: 0 auto 0 auto;
	min-height: 500px;
}

#contenuMedia{
	float:right;
	width:698px;
}

#contenuMeuble h2, .conteneurMoy h2, .conteneurLarge h2, .conteneurMoyPlusMince h2{
	color: #322a21;
}

#coloneMeuble1{
	float: left;
	margin-right: 13px;
}

#coloneMeuble2{
	float: left;
}

.blockMeuble{
	background-color: #dfdac6;
	float: left;
	margin-bottom: 12px;
	margin-right: 12px;
	padding: 17px 0 10px 17px;
	width:279px;
}

.blockMeuble p{
	color: #322a21;
	float: left;
	width:131px;
}

.blockMeuble p.lienBouton{
	float: right;
	margin-right: 15px;
}

.blockMeuble span a.titre{
	color: #a49274;
	font-weight:bold;
}

#conteneurMeuble .blockMeuble span a.titre{
	color: #a49274;
}

.blockMeuble p a{
	background-color: #a49274;
	color: #FFF;
	display: block;
	float: right;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	padding-left: 15px;
	width:93px;
}

.imageMeuble{
	background-color: #a49274;
	/*height: 186px;*/
	margin: 0 0 21px 0;
	width:267px;
}

.imageMeuble img{
	border: 2px solid #a49274;
	margin: 3px 0 0 3px;
}


.blockMeubleDetail{
	background-color: #dfdac6;
	float: left;
	/*height: 550px;*/
	margin-bottom: 12px;
	margin-right: 12px;
	padding: 17px 17px 10px 17px;
	width:510px;
}

.imageMeubleDetail img{
	border: 3px solid #a49274;
	margin: 3px 12px 0 3px;
}

.blockMeubleDetail p{
	color: #322a21;
	float: left;
	width:131px;
}

.blockMeubleDetail #detailBouton{
	float: right;
	width:178px;
}

.blockMeubleDetail span{
	color: #a49274;
	font-weight:bold;
}

.blockMeubleDetail p a{
	background-color: #a39374;
	color: #FFF;
	display: block;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	margin-top: 5px;
	padding-left: 15px;
	width:143px;
}

/* MEUBLES DETAILS
--------------------------------*/
#autresItems{
	margin: 0 auto 0 auto;
	width: 960px;
}

/*#autresItems h2{
	padding-left: 10px;
}*/

.boiteProduitVedette{
	float: left;
	margin-right:5px;
	margin-bottom: 15px;
	width: 310px;
	/*padding-left: 10px;*/
}

.boiteProduitVedette p{
	float: left;
	font-size:11px;
	width: 130px;
}

#boiteBas .boiteProduitVedette a{
	color: #6a5a4d;
	text-decoration: none;
}

#boiteBas .boiteProduitVedette a:hover{
	text-decoration: underline;
}

#contenuMeuble .lienBouton{
	color: #FFF;
}

#contenuMeuble a, .conteneurMoy a, .conteneurLarge a{
	color: #6a5a4d;
}

#contenuMeuble .boiteProduitListe a{
	color: #6a5a4d;
	text-decoration: none;
}

#contenuMeuble .boiteProduitListe a:hover{
	text-decoration: underline;
}

#contenuMeuble #intro a{
	color: #6a5a4d;
}

/* MEDIA
--------------------------------*/
.blockMedia{
	background-color: #dfdac6;
	float: left;
	min-height: 133px;
	margin: 3px 0px 5px 0;
	padding-bottom: 5px;
}

.blockMedia ul{
	color: #322a21;
	margin: 25px 0 0 13px;
	float: left;
	width: 505px;
}

.blockMedia ul.presse{
	width: 400px;
}

.blockMedia li{
	font-size:12px;
	list-style: none;
	list-style-image: url(gx/listArrow2.jpg);
}

.blockMedia a{
	text-decoration: none;
	color: #a49274;
	font-weight: bold;
}

.blockMedia a:hover{
	text-decoration: underline;
}

.blockMedia p{
	float:left;
	margin: 0 20px 20px 0;
	padding-left: 27px;
	width: 480px;
}

.imageMedia{
	background-color: #a49274;
	float: left;
	height: 96px;
	margin: 18px 0 0 18px;
	width:142px;
}

.imageMedia img{
	margin: 3px 0 0 3px;
}

.blockMedia img.presse{
	border: 2px solid #a49274;
	float: left;
	margin: 10px 0 0 10px;
}

.both{clear:both;}

#colSalleDePresse{float:right; width:715px;margin:20px 10px 0 12px;}

#btnSociauxNouvelle{float:right;}

/* GALERIE
--------------------------------*/

#photogalerie img{
	margin-right: 25px;
	margin-bottom: 25px;
}

/* BLOG
--------------------------------*/

#contenuBlog{
	padding-bottom: 25px;
}

#contenuBlog .lienMeta{
	width:698px;
}

#contenuBlog .formComment{

	margin-top: 10px;
	width:698px;
}

#contenuBlog a{
	color: #322A21;
}

#blogDate{
	margin-left:-25px;
}

.titreBlogue{
	font-weight:bold;
	color:#e4ded2;
}

.listeCommentaire{
	clear:both;
	display:none;
	margin-left: 20px;
	margin-top: 10px;
}

.listeCommentaire2{
	clear:both;
	margin-left: 20px;
	margin-top: 10px;
}

.boiteConnexion{
	margin: 10px 0 10px 0;
	width:698px;
}

.boiteConnexion a{
	text-decoration: none;
}

#connexionForm, #signupForm{
	background-color: #e4dfd2;
	border: none;
	margin-top: 10px;
}

#connexionForm fieldset,#signupForm fieldset{
	border: none;
	padding: 7px;
}

#signupForm label{
	float: left;
	width: 100px;
}


div#boiteSignup{display:none;}
#sindentifier{padding-bottom:0;float:left;}
#sinscrire{float:right}

#loginNom{
	margin-right:21px;
}

#loginNom-en{
	margin-right:33px;
}

#blockBlog{
	float: left;
}

 Nouvelles classes bient?t dispo
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.floatLeft{float:left;}
.floatRight{float:right;}

.sansBorder{border:none;}
.sansPadding{padding:0;}
.sansMargin{margin:0}


/* MENUS
--------------------------------------------------------------------------------------- */

#menu-conteneur {
	height: 45px;
	width:1000px;
	position:relative;
	z-index:50;
	margin-bottom:50px;
}

#menu {
	float:left;
	margin: 30px auto 0 auto;
	padding:0;
	width:1000px;
}

#menu li{
	float: left;
	margin:0; 
	list-style-type:none;
}

#menu li a, #menu li a:link, #menu li a:visited{
	color: #432411;
	font-family: 'MyriadProCondensed';
	font-size: 19px;
	padding: 0 10px;
	text-decoration: none;
	display: block;
	line-height: 14px;
	text-transform:uppercase;
}

#menu li.premier a {padding: 0 10px 0 0;}
#menu li.dernier a {border:0;}
#menu li a:hover, #menu li a:visited:hover, 
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active {text-decoration: underline;}

#menu li a#megaanchor{padding-left: 15px;}
#menu.en li a#megaanchor{padding-left: 75px;}

/* Navigation secondaire */
#menuSec{float:right; margin-top:17px;}
#menuSec li{border-right:1px dotted #6b5e4b; display:inline; float:left; list-style-type:none; padding:0 8px 0 8px; margin:0;}
#menuSec li.dernier{border:0; padding:0 10px 0 5px;}
#menuSec #maListe {background: url(gx/fleche-liste.gif) no-repeat right center; padding-right:20px;}
#menuSec li a.actif{color: #432411;}

#menuSec a, #menuSec a:link, #menuSec a:visited{
	color: #432411;
	float:left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#menuSec a:hover{
	text-decoration: underline;
}

/* Navigation en bas-de-page */
#menuBas{float:right;}
#menuBas li{border-right:1px solid #000; display:inline; float:left; list-style-type:none; padding:0 5px 0 5px; margin:0;}
#menuBas li.dernier{border:0; padding:0 0 0 5px;}
#menuBas a, #menuBas a:link, #menuBas a:visited{float:left;font-size: 10px; color: #b6b0a1;}
#menuBas a:hover{color: #000;}

/* 00_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#wrapImgBanniere {width:1000px; height:566px; overflow:hidden;}
/*.slides_container {position:absolute; left:0; top:0; width:1000px; height:526px; overflow:hidden; }
#menuSlide {height:526px; position: relative; width:1000px; margin: 0 auto; }
#menuSlide .prev {position:absolute; top:240px; left:-24px; width:24px; height:43px; display:block; z-index:101; }
#menuSlide .next {position:absolute; top:240px; right:-24px; width:24px; height:43px; display:block; z-index:101; }
#menuSlide .padGauche {padding:20px;}
#menuSlide .padGauche strong {color:#823016; font-size:15px; margin-bottom:0.3em; line-height:100%; }*/

#conteneur-CTA {border-top: 1px dotted #5d2b0b; margin:0px auto;}
#CTA {margin: 0 auto 0 auto; position:relative; width:1000px;}
.colAccueil {float:left;}

#boiteListeMeuble {border-top:1px dotted #5d2b0b; margin:50px 20px 0 15px; font-weight:bold; text-transform:uppercase; width:220px}
#boiteListeMeuble ul li {border-bottom:1px dotted #5d2b0b; font-size:10px; list-style-type:none; margin:0; padding:15px 0; text-align:center; width:220px}
#promotion {float:left; margin:15px 0px 0 25px; height:250px; width:250px;}
html* #promotion {position:absolute; top:15px; left:350px; margin:0px; height:250px; width:250px;}
#aPropos {float:right; border-bottom:1px dotted #5d2b0b; padding:15px 0; margin-right:10px; text-align:center;}
#aPropos h2 {border-bottom: 1px dotted #5d2b0b; font-size:25px; margin:20px 5px 10px 5px; padding-bottom:8px; text-transform:upppercase;}
#aPropos p {padding:0 5px;}

/* MODULE_photoViewer
--------------------------------------------------------------------------------------- */
#photoAccueil{width:199px;position:relative; z-index:1;}
#photoAccueil img{display:block;}

#listeVignette{float:left;height:435px;width:199px;overflow:hidden;position:relative;}
#photoAccueil ul{margin:0 0 0 -7px;padding:0;position:absolute;}
#photoAccueil ul li{list-style:none;}
#photoAccueil ul li img{border:1px solid #000;margin-bottom:10px;cursor:pointer;}
#photoAccueil #controles{ 
	background: #d8d3c0;
	float:left;
	height: 16px;
	margin-left: 10px; 
	padding-top: 5px;
	width:180px; 
}
#photoAccueil #controles img{border:none;float:left;cursor:pointer;}

/*.photoActif{border:1px solid #9e7f2d;}*/
#listeVignette .photoActif{border:1px solid #9e7f2d;}
#listeVignette .photoHover{border:1px solid #b3b3b3;}

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact,#carteContact2,#carteContact3,#carteContact4,#carteContact5{border:1px solid #999;height:300px;width:350px;float:left;}
#boiteFormQuestion, .carteDroite{float:right;width:370px;}


#formQuestion{float:right;width:370px;}
#formQuestion label{float:left;width:80px;}
#formQuestion .champTexte{float:left;width:200px;}
#formQuestion .listeDeroulante{float:left;width:200px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}

a.popupBouton {
	background-color: #a49274;
	color: #FFF;
	font-weight: normal;
	height: 25px;
	line-height: 25px;
	padding: 5px 10px;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#conteneur_piedPage {
	background: url(gx/M/fondPiedPage.gif) no-repeat center top;
	border-top: 1px dotted #5d2b0b;;
	margin: 30px auto;
}
#conteneur_piedPage.piedPageAcc{margin: 0px auto;}
#piedPage {color:#555; font-size:10px; margin: 0 auto 0 auto; padding:0; width:1000px; text-align:left;}
#piedPage a{color:#432411;}
#piedPage a:hover{color:#cdc18f;}
#piedPage #copyrights{float:left; margin:0; text-align:left; color:#7e7063; height:50px; }
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#7e7063;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #menuBas{float:right;text-align:right;}
#copyrights a{color:#b6b0a1; text-decoration:none;}
#copyrights a:hover{color:#000;text-decoration:underline;}

#menuBas a, #menuBas a:link, #menuBas a:visited{float:left;font-size: 10px; color: #555;text-decoration:none;}
#menuBas a:hover{color: #000;text-decoration:underline;}

#banniereBas{
	height: 130px;
	margin-bottom: 13px;
	padding-left:13px;
}

.boutique{
	color: #432411;
	float:left;
	font-size: 11px;
	margin-right: 17px;
	padding-top: 25px;
	padding-left:5px;
	width:155px;
}

.boutique:hover{
	border-bottom: 1px #cdc18f solid;
	color:#cdc18f;
}

.boutique h2{
	font-family: 'MyriadProCondensed';
	font-size:20px;
}

.boutique a{
	text-decoration: none;
}

#infolettre{
	color: #432411;
	float:left;
	font-size: 11px;
	height: 125px;
	margin-right: 17px;
	margin-top: 9px;
	padding-top: 15px;
	padding-left:30px;
	width:230px;
}

#infolettre h2{
	color:#432411;
	font-family: Myriad pro, arial, verdanna;
	font-size:15px;
}

#infolettre input{
	background-color:#ece2d9;
	width:170px;
	float:left;
	font-size:14px;
	padding:0 0 0 5px;
	height:25px;
	color:#31231b;
	border:none;
	line-height: 25px;
}

#infolettre a{
	text-decoration: none;
}

#btnFleche{
	margin-top:2px;
}

#desinscrire{
	float: left;
	margin-top: 39px;
	/*margin-left: -165px;*/
	position: absolute;
	cursor: pointer;
}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}


/* Youtube Player
--------------------------------------------------------------------------------------- */
#btYoutubePlayer{float:left; width:790px; height:300px;}
#btYoutubePlayerPageInterne{float:left; width:715px; height:368px;}

#ytvideo2{width:450px; height:300px; float:left;}


#videoBoxPageInterne{
	background-color: #a49274;
	/*height: 450px;*/
	margin:20px 0 12px 10px;
	width:715px;
	float:left;
}


#listeVideo{float:left;width:320px; /*height:251px;*/ margin:8px 0 0 15px;}
#listeVideo li{margin: 0 0 10px 0; padding:0; float:left; list-style:none; height:77px; display:block; width:320px; line-height:100%; background-color:#CDC18F;}
#listeVideo li a img{border: 1px #d1d2c4 solid;text-decoration: none; margin-right:10px; float:left !important;  font-weight:bold; color:#FFF;}
.jcarousel-skin-tango{margin-top: 5px;}
#listeVideo li a, #listeVideo li a:link, #listeVideo li a:visited{
	color: #FFF;/*#9e6f41*/
	text-decoration: none;
	font-weight: bold;
	float:left;
}
#listeVideo li p a{float:left !important; font-weight:bold; color:#FFF; margin:20px 0 0 15px; width:160px;}



/*--------------------------------------*/
#listeVideoPageInterne{float:left;width:240px; /*height:251px;*/ margin:15px 0 0 15px;}
#listeVideoPageInterne li{margin: 0 0 10px 0; padding:0; float:left; list-style:none; /*height:77px;*/ display:block; width:240px; line-height:100%; background-color:#CDC18F;}
#listeVideoPageInterne li a img{border: 1px #d1d2c4 solid;text-decoration: none; margin-right:10px; float:left; width:110px;}
.jcarousel-skin-tango{margin-top: 5px;}

#listeVideoPageInterne li p a, #listeVideoPageInterne li p a:link, #listeVideoPageInterne li p a:visited{
	color: #FFF;/*#9e6f41*/
	text-decoration: none;
	font-weight: bold;
	float:left;
	width:110px;
	margin:10px 0 10px 0;
}
#listeVideoPageInterne li p{float:left !important; width:110px; font-weight:bold; color:#FFF;}



/* Caroussel
--------------------------------------------------------------------------------------- */

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 5px;
    background: #fff;
    border: 1px solid #d1d2c4;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 367px;
    padding: 10px 40px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  360px;
    height: 130px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 120px;
    height: 130px;
	
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	
}

.jcarousel-skin-tango .jcarousel-item-horizontal img{text-decoration: none;}


/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 12px;
    width: 22px;
    height: 16px;
    cursor: pointer;
    background: transparent url(Gx/next.png) no-repeat 0 0;
}

/*.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}*/


.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: none;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 12px;
    width: 22px;
    height: 16px;
    cursor: pointer;
    background: transparent url(Gx/back.png) no-repeat 0 0;
}

/*.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}*/


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: none;
}



/***********************************************         BLOGUE         **************************************************/
/*
#coloneDroiteBlogue{
	float: right;
	
	width: 300px;
}
#inner_coloneDroiteBlogue{
	padding: 21px 23px 0 0;
}

#formBlogue{margin: 0 0 0 0;}
#formBlogue #outerRecherche{
	background: #dadada url(gx/loupeBlogue2.jpg) no-repeat left;
	border:none;
	float: left;
	height: 29px;
	padding-left: 26px;
	text-align: left;
	width: 160px;
}
#formBlogue #outerRecherche #Recherche{
	background: none;
	width: 150px;
	border: none;
	float: left;
	margin: 7px 0 0 0;
	padding: 0px;
	text-transform: uppercase;
	color: #8b8b8b;
	font-size: 9px;
	height: 17px;
	font-size: 11px;
}

#formBlogue #btSubmit{
	background: url(gx/btSubmitBlogue.jpg) no-repeat;
	border: 0px #000 solid;
	float: left;
	height: 32px;
	margin: 0 0 0 -5px;
	width: 42px;
}

#formBlogue #btSubmit:hover{ cursor: pointer;}

#categoriesBlogue{padding: 0 0 0 12px;}

#coloneDroiteBlogue h2{
	color: #000;
	font-size: 25px;
	margin: 0 0 10px 0;
}

#categoriesBlogue ul{ margin: 15px 0;}

#categoriesBlogue ul li a{
	border-top: 1px #000 dotted;
	color: #000;
	display: block;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
}
#categoriesBlogue ul li a:hover{ color: #999;}
#categoriesBlogue ul li.dernier a{ border-bottom:1px #000 dotted; }
#archivesBlogue h2{margin-left:12px;}

#catSuite{
	display: block;
	margin: 9px 0 0 0;
	text-decoration: none;
	width: 103px;
}

#bulleBlogue{
	background: url(gx/bulleBlogue.jpg) no-repeat;
	height: 17px;
	margin-left: 17px;
	width: 25px;
}

div#menublog{
	background: #e1e1e1;
	border-radius:8em; -moz-border-radius:8px; -webkit-border-radius:8px;
	padding:14px 0 14px 12px;
}
*/
/***************************  Menu blogue  ***************************/
/*
	div#menublog{ font-family: verdana; font-size: 11px; }
	div#menublog ul{ list-style: none; padding: 0 0 0 0; margin: 0 0 0 0; }
	div#menublog div ul{ margin: 0 0 0 10px; }
	div#menublog div ul div ul{ margin: 0 0 0 20px; }
	div#menublog a, div#menublog a:link, div#menublog a:visited{ color: #000; text-decoration: none; } 
	div#menublog a:hover{ color: #999999; }
	div#menublog a.actif, div#menublog a.actif:link, div#menublog a.actif:visited div#menublog a.actif:hover{ font-weight: bold; }
	div#menublog div ul div ul a, div#menublog div ul div ul a:link, div#menublog div ul div ul a:visited{ color: #666666; }
	div#menublog div ul div ul a:hover{ color: #999999; }
*/
/***************************  /Menu blogue  ***************************/
/*
#coloneGaucheBlogue{
	background: #FFF;
	float: left;
	
	
	width: 683px;
	background: none;
}
#inner_coloneGaucheBlogue{
	margin: 21px 0 0 23px;
	padding: 38px 15px 20px 30px;
	border: 1px #d8d8d8 solid;
	border-radius:8em; -moz-border-radius:8px; -webkit-border-radius:8px;

}*/



/* Le Blogue 11_100
--------------------------------------------------------------------------------------- */


#colDroite.frameBlog{ float:right; background-color:#e3dfd3; margin: 20px 10px 0 0;padding: 0;width: 230px; }
#colDroite.frameBlog h2, #colDroite.frameBlog h1.h2{
	background-color: #2e2e2e;
	font-size: 17px;
	line-height: 24px;
	color: #fff;
	padding: 8px;
}



#colDroite.frameBlog ul {   }
#colDroite.frameBlog ul li{ line-height: 25px; list-style-image: url('gx/M/triangle.gif');  }


#colDroite.frameBlog p, #colDroite.frameBlog ul{
	padding:10px;
}




#contenu.frameBlog{width: 730px; border-right: none;padding-left: 10px;} 
.boutonDetailArticle { padding: 7px 15px 7px 15px; background-color:#a59274; color:#eeeee4; }

#colDroite #suivezNous{
	background: none;
	color: #01acf3;
	margin: 0;
	padding: 0 0 6px 0;
	border-bottom: 1px #d5d5d5 solid;
	border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;
	width: 210px;
	white-space: nowrap;
}
#colDroite #suivezNous a, #colDroite #suivezNous a:link, #colDroite #suivezNous a:visited{margin: 6px 0px 0 0;}

#colDroite #suivezNous a#btnTwitter{background: url(Gx/30/suivezNous.jpg) no-repeat left top;}
#colDroite #suivezNous a#btnFacebook{background: url(Gx/30/suivezNous.jpg) no-repeat -40px top;}
#colDroite #suivezNous a#btnFoursquare{background: url(Gx/30/suivezNous.jpg) no-repeat -80px top;}
#colDroite #suivezNous a#btnYoutube{background: url(Gx/30/suivezNous.jpg) no-repeat -120px top;margin: 6px 0 0 0;}
#colDroite #suivezNous a#btnRSS{background: url(Gx/30/suivezNous.jpg) no-repeat -160px top;}
#colDroite #suivezNous a#btnLinkedIn{background: url(Gx/30/suivezNous.jpg) no-repeat -198px top;}

#rechercheBlog{
	margin-top: 10px;
	width: 210px;
	height: 45px;
	background: url(Gx/30/rechercheBlog.gif) no-repeat right bottom;
	float: left;
}
#rechercheBlog #critere{
	border: 0;
	width: 150px;
	margin: 14px 0 0 16px;
	display: block;
	float: left;
	padding: 4px;
	background: none;
	font-size: 11px;
	color: #444;
}
#rechercheBlog .bouton{
	display: block;
	float: left;
	margin:14px 0 0 0;
	padding: 0;
	border: 0;
	width: 19px;
	height: 19px;
	background: url(Gx/30/boutonRechercheBlog.gif) no-repeat left top;
	cursor: pointer;
}
#rechercheBlog .bouton:hover{background: url(Gx/30/boutonRechercheBlog.gif) no-repeat left bottom;}


ul.listeCategorieBlog{
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: 1px #d5d5d5 solid;
}

ul.listeCategorieBlog h4{
	font-size: 19px;
	padding-bottom: 15px;
}
ul.listeCategorieBlog li{
	list-style-type: none;
	background: url(Gx/30/flecheBleu.gif) no-repeat left 7px;
	padding: 0 0 0 15px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #636363;
	line-height: 20px;
	text-align: left;
}
ul.listeCategorieBlog li a, ul.listeCategorieBlog li a:link, ul.listeCategorieBlog li a:visited{
	color: #636363;
	text-decoration: none;
}
ul.listeCategorieBlog li a:hover, ul.listeCategorieBlog li a:visited:hover,
ul.listeCategorieBlog li a.actif, ul.listeCategorieBlog li a.actif:visited{
	color: #01acf3;
}
ul.listeCategorieBlog li span{
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
}
#colDroite.frameBlog #twtr-widget-1{
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px #d5d5d5 solid;
}

#contenu.frameBlog h2, #contenu.frameBlog h1.h2{
	background-color: #2e2e2e;
	font-size: 17px;
	line-height: 24px;
	color: #fff;
	padding: 8px;
}

#contenu.frameBlog h2.couleursInverse {
	background: none;
	color: #2e2e2e;
	padding: 8px 8px 8px 0;
}

#contenu.frameBlog .articleImage{ border:2px solid #2e2e2e; width:726px; }
#contenu.frameBlog .articleImage2{ border:2px solid #c0bcb1; width:726px; }


#contenu.frameBlog h2 a, #contenu.frameBlog h2 a:link, #contenu.frameBlog h2 a:visited{
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	color: #e4ded2;
	text-decoration: none;
}
#contenu.frameBlog h4{
	font-size: 11px;
	line-height: 15px;
	display: block;
	color: #a59274;
	/* background-color: #00a5eb; 
	padding: 4px 6px; */
	font-weight: normal;
	text-transform: none;
	float: left;
}
a.lienPartagerPage, a.lienPartagerPage:link, a.lienPartagerPage:visited{
	background: url(Gx/M/ico_partager.gif) no-repeat left top;
	padding: 5px 0 5px 30px;
	color:#2e2e2e;
	text-decoration:none;
	text-transform: none;
	font-size: 11px;
	lin-height: 16px;
	font-weight: normal;
	diplay: block;
	float: right;
	margin: 7px 15px 0 0;
}
a.lienCommentaire, a.lienCommentaire:link, a.lienCommentaire:visited{
	background: url(Gx/M/ico_commentaire.gif) no-repeat left top;
	padding: 5px 0 5px 45px;
	color:#2e2e2e;
	text-decoration:none;
	text-transform: none;
	font-size: 11px;
	lin-height: 16px;
	font-weight: normal; 
	diplay: block;
	float: right;
	margin: 7px 10px 0 0;
}
a.lienCommentaire:hover, a.lienCommentaire:visited:hover{text-decoration: underline;}

.boutonDetailCommentaire  { padding: 7px 15px 7px 15px; background-color:#322920; color:#eeeee4; border:none; cursor:pointer; }

/* Pagination */
#pagination{
	padding: 4px 8px;
	width: 714px;
	height: 37px;
	/* background-color: #ebebeb; */
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	position: relative;
}

#pagination a{ color:#5d574b; }

#pagination  .boutonDetail{
	position: relative;
	z-index: 10;
}
#pagination #lespages{
	position: absolute;
	width: 100%;
	top: 15px;
	left: 0;
	text-align: center;
	line-height: 22px;

}
#pagination #lespages .boutonDetail{padding: 3px;}
#pagination #lespages span{font-weight: bold;}

/* Ajouter un commentaire */
#ajoutercommentaire{
	width: 700px;
	float: left;
	border-top: 1px #d5d5d5;
	padding: 10px 15px 15px 15px;
}
#contenu.frameBlog #ajoutercommentaire h4{
	background: url(Gx/30/ajoutCommentaire.jpg) no-repeat left center;
	color: #535353;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	padding: 8px 0 8px 0px;
}
.listeCommentaire{display: none;}

#ajoutercommentaire fieldset {border:none;}
#ajoutercommentaire fieldset label{ width:150px; float:left; text-align:right; padding: 5px 10px 0 0;}
#ajoutercommentaire fieldset .champTexte{width: 250px; height:25px; background-color: #fff;}
#ajoutercommentaire fieldset .boiteTexte{width: 250px;background-color: #fff;}

.articleReseauxSociaux{ background-color:#e5dfd3; height:35px; padding: 0px 0 2px 10px;}

.twitter-share-button{
	padding: 0;
	margin: 8px 0 0 0;
	display: block;
	float: left;
	width: 400px;
}
.boutonBuzz{
	float: left;
	margin: 9px 0 0 0;
}
.boutonFacebook{
	border:none;
	overflow:hidden;
	width:80px;
	height:21px;
	margin: 8px 0 0 15px;
	float: left;
}

.boutonLinkedIn{
	float:left;
	margin-top: 9px;
	margin-left:5px;
	padding:0px;
}
