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

html { margin:0; padding:0; }
body, form { margin:0; padding:0; }
ul { margin:0; padding:0; list-style:none; }
body { color:#000; font-family:Tahoma, Verdana, Arial; background:url(/medias/communs/newbg01.jpg) center 0 repeat-x #c5c973; }

.mstr #container {
	width:774px;
	margin:0 auto;
	padding:0;
	position:relative;
} 
.mstr #header {
	width:774px;
	height:135px;
	top:0;
	margin:0 auto;
	background:url(/medias/communs/newbg02.gif) center 0 repeat-x;
	position:relative;
	padding:0;
} 
.mstr #header .menuprin { position:relative; float:left; width:670px;} 
.mstr #header .menuprin li { float:left; padding-top:15px; } 
.mstr #header .menuprin li.logo { float:left; padding-top:0; } 

.mstr #header .menusup { padding:33px 0 0 0; } 
.mstr #header .menusup li { margin:0; padding:0; line-height:0.8em; } 
.mstr #header .menusup li a{ color:#818181; font-size:10px; text-decoration:none; } 
.mstr #header .menusup li a:hover, .mstr #header .menusup li a.actif{ text-decoration:underline; } 

.mstr #content {
	width:774px;
	margin:0 auto;
	padding:0;
	position:relative;
	float:left;
	background:url(/medias/communs/newbg03.gif) center 0 repeat-x #fff;
} 

.mstr #content .smenu { float:left; padding:33px 0 0 37px; width:575px;} 
.mstr #content .smenu div{ float:left; width:1px; height:36px; background:url(/medias/communs/bg-smenu1.gif) 0 0 no-repeat;} 
.mstr #content .smenu li { float:left; background:url(/medias/communs/bg-smenu1.gif) right 0 no-repeat; height:36px; padding:10px 1px;} 
.mstr #content .smenu li a { color:#4f5257; font-size:11px; height:36px;  text-decoration:none; padding:10px; }
.mstr #content .smenu li a:hover, .mstr #content .smenu li .actif { color:#cc0000; font-size:11px; background:url(/medias/communs/bg-smenu2.gif) 0 0 repeat-x; } 

.mstr #content .sociaux { position:absolute; top:0; right:0; padding:5px 30px 0 0; font-size:10px; color:#818181; font-weight:bold; text-align:right; } 
.mstr #content .sociaux p { display:block; padding:24px 5px 0 0; line-height:0; } 
.mstr #content .sociaux li { float:left; height:36px; } 
.mstr #content .sociaux li a { color:#4f5257; font-size:11px; height:36px; text-decoration:none; padding:0 2px; }
.mstr #content .sociaux li a:hover { color:#cc0000; font-size:11px; } 

.mstr #content .contenu { display:inline-block; position:relative; margin:5px 30px; width:714px; } 

.retour { float:left; color:#535353 !important; font-weight:normal !important; font-size:12px; background:url(/medias/communs/back.gif) 20px 8px no-repeat; padding:4px 0 4px 30px; width:744px; background-color:#e8e8e8;} 

.fr .incitatif { float:left; padding:46px 0 0 22px; background:url(/medias/fr/incitatif.gif) 0 0 no-repeat; width:387px; height:75px;} 
.en .incitatif { float:left; padding:46px 0 0 22px; background:url(/medias/en/incitatif.gif) 0 0 no-repeat; width:387px; height:75px;} 
.incitatif a { color:#6c6c6c !important; text-decoration:none !important; font-size:14px;} 
.incitatif strong { font-size:130%; } 

/* CSS Accueil */

.mstr #contenthome {
	width:774px;
	margin:0 auto;
	padding:0;
	position:relative;
	background:url(/medias/communs/newbg04.gif) center 0 repeat-x #fff;
} 

.mstr #contenthome .sociaux { float:left; padding:20px 30px 0 26px; font-size:10px; color:#818181; font-weight:bold; text-align:left; } 
.mstr #contenthome .sociaux p{ padding:9px 0 0 5px; line-height:0;} 
.mstr #contenthome .sociaux li { float:left; height:36px; } 
.mstr #contenthome .sociaux li a { color:#4f5257; font-size:11px; height:36px; text-decoration:none; padding:0 2px; }
.mstr #contenthome .sociaux li a:hover { color:#cc0000; font-size:11px; } 

.slogan1 { float:left; padding:45px 0 0 0;} 
.slogan2 { float:left; padding:43px 0 0 10px;} 

.mstr #contenthome .contenu { display:inline-block; position:relative; padding:5px 0 0 9px; width:777px; } 
.mstr #contenthome .contenu .framevid { 
width:219px; height:370px; float:left; padding:20px 0 0 20px; margin:5px 0 0 0; background:url(/medias/communs/newbg05.gif) 0 0 no-repeat; } 
.framevideo { background-color:#e8e8e8; position:absolute; right:0; top:85px;} 
.mstr #contenthome .contenu #flash { 
width:517px; height:392px; float:left; padding:0; margin:5px 0 0 0; background:url(/medias/communs/newbg06.gif) 0 0 no-repeat; }
.mstr #contenthome .contenu .pub { 
width:515px; height:99px; margin:0; padding:5px 0 0 7px; background:url(/medias/communs/newbg07.gif) 0 0 no-repeat; position:relative; }
.mstr #contenthome .contenu .pub span { 
position:absolute; top:52px; left:27px; font-size:11px; font-weight:bold; }
.mstr #contenthome .contenu .pub span a{ color:#6c6c6c; text-decoration:none;}
.mstr #contenthome .contenu .pub span strong { font-size:15px;}


.mstr #content .contenu .pub { 
width:335px; height:99px; margin:0; padding:5px 0 0 7px; background:url(/medias/communs/newbg07.gif) 0 0 no-repeat; position:relative; }
.mstr #content .contenu .pub span { 
position:absolute; top:52px; left:27px; font-size:11px; font-weight:bold; }
.mstr #content .contenu .pub span a{ color:#6c6c6c; text-decoration:none;}
.mstr #content .contenu .pub span strong { font-size:15px;}


/* You tube */

.contenu .framevid{ position:relative; float:left; z-index:1; }
.contenu .videos{ position:absolute; top:7px; left:0; z-index:100;}

#ytvideo, #ytvideo2 { float:left; margin:0; }
.zoneYoutube { margin:0; }
.zoneFacebook { margin:5px 0 0 0; float:left;}
.yt_holder { background: #E9E9E9; width:202px; padding:0; float:left; }
.demo2 { height:70px; overflow:auto; float:left; width:200px; border:solid 1px #b7b7b7; background:url(/medias/communs/bgyoutube.gif) 0 0 no-repeat; }
.demo2 li { padding:3px 0; line-height:1em; color:#72686b; vertical-align:middle; border-top:solid 1px #b7b7b7; margin:-1px 1em 0 1em;}
.demo2 li a { font-size:10px; font-weight:normal; color:#72686b; text-decoration:none; }
.demo2 li a:hover { color:#cc0000; }
.demo2 img { display:none;}

/* old */

H1 { font-size: 112%; margin-bottom:1em; color: #cc0909; font-weight: bold; }
H2 { font-size: 100%; margin-bottom:1em; color: #cc0909; font-weight: bold; }
HR { display:block; height: 1px; margin: 0; padding: 0; color: #E08283; background-color: #E08283; border: 0; }
table, img { border: none; }

.bghaut { vertical-align: top; height: 227px; width: 50%; }
.bgbourg { vertical-align: top; width: 50%; }

.bgsousctr
{
	background-image: url(/medias/communs/bgsousctr.jpg);
	background-repeat: repeat;
	vertical-align: top;
	width: 774px;
}
.txtgen { font-size:13px; color: #000; line-height:1.3em; }

.txtgen li { font-size:12px; line-height:140%; color: #000; background:url(/medias/communs/bullet01.gif) 6px 0.7em no-repeat; padding:0.2em 0 0.2em 20px;}

.txtgenmiddle
{
	font-size: 72%;
	line-height: 140%;
	color: #FFFFFF;
	vertical-align: middle;
}
.txtincontent
{
	font-size: 80%;
	line-height: 140%;
	color: #FFFFFF;
}
.imgaccompn
{
	float: right;
	margin-top: 2px;
	margin-bottom: 10px;
	margin-left: 8px;
}
.imgaccompncenter
{
	margin-top: 2px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.content { width: 714px; margin: 7px 0 10px 8px; }
.content TD { vertical-align: top; }

.tablecontent { border-collapse: collapse; }
.tablecontent P { color: #000; }
.tablecontent TD { border:solid 1px #E08283; margin: 0px; background-color: #fff; padding:1em; vertical-align: top; }
.tablecontent select { width: 300px; }
.tablecontent TD { vertical-align: middle; }

.borderhautlogo
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E08283;
}


/* ---( page d'accueil )----------------------------------- */


.bgindex
{
	background-image: url(../medias/communs/bgindex.jpg);
	background-repeat: repeat-x;
}
.bgrotationindex
{
	background-image: url(../medias/communs/indeximg01.jpg);
	background-repeat: no-repeat;
}
.contentindex
{
	width: 774px;
	height: 536px;
}

/* ---( Liens texte )----------------------------------- */

a:link{
	text-decoration:underline;
	color:#c51111;
	font-weight:bold;
}
a:visited{
	text-decoration:underline;
	color:#c51111;
	font-weight:bold;
}
a:hover{
	text-decoration:none;
	color:#c51111;
	font-weight: bold;
}
a:active{
	text-decoration:underline;
	color:#c51111;
	font-weight: bold;
}

/* ---( Background selon section )----------------------------------- */

.bgctrentrep
{
	background-image: url(/medias/communs/imgbgentreprise.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	width: 774px;
	height: 309px;
	padding: 15px;
}
.bgctrprod
{
	vertical-align: top;
	width: 774px;
	height: 309px;
	padding: 15px;
}
.bgctrform
{
	background-image: url(../medias/communs/imgbgform.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	width: 774px;
	height: 309px;
	padding: 15px;
}
.bgctrserv
{
	background-image: url(../medias/communs/imgbgserv.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	width: 774px;
	height: 309px;
	padding: 15px;
}
.bgctrcontact
{
	background-image: url(../medias/communs/imgbgcontact.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	width: 774px;
	height: 309px;
	padding: 15px;
}

/* ---( Sous menu )----------------------------------- */

.sousmenu {
	vertical-align: top;
	border: 1px solid #D2C5AA;
	background-color: #9F0202;
	float: left;
	padding: 5px;
	font-size: 73%;
	line-height: 125%;
	white-space: nowrap;
	margin-bottom: 2px;
}
.sousmenuh1 {
	font-size: 112%;
	color: #cc0909;
	font-weight: bold;
	display: block;
	margin: 10px 0;
}
.descproduits
{
	margin-top: 10px;
	border: 1px solid #FFCCCC;
}
.descproduits2
{
	font-size: 73%;
	line-height: 128%;
	color: #000;
}
.descproduits2 ul {
	margin-bottom:1em;
}

.clear{
	margin: 0px;
	padding: 0px;
	clear: left;
	height: 25px;
	width: 100%;
	background-color: #00FF99;
	border: 2px solid #339999;
}
.imgndthumb {
	vertical-align: top;
	float: left;
	margin:0;
	width:188px;
	height:160px;
	background:url(/medias/communs/new-prodbg01.gif) center 0 repeat-x #fff;
}

.imgndthumb .image {
	width:162px;
	height:107px;
	margin:13px 11px 16px 11px;
}

.txtndthumb {
	width:180px;
	text-align:center;
}

.txtndthumb a {
	font-size: 80%;
	line-height:115%;
	color:#FFF;
	padding:8px 4px;
}
.sousmenu a:link{
	text-decoration:none;
	padding: 5px;
	color:#fff;
	font-weight:bold;
}
.sousmenu a:visited{
	text-decoration:none;
	padding: 5px;
	color: #EDE0C4;
	font-weight: bold;
}
.sousmenu a:hover{
	text-decoration:none;
	padding: 5px;
	color: #DAA636;
	font-weight: bold;
}
.sousmenu a:active{
	text-decoration:none;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}



/* ---( Produits )----------------------------------- */

.titreproduits
{
	width: 100%;
	text-align: left;
	font-size: 115%;
	color: #cc0909;
	font-weight: bold;
}
.titreproduits2
{
	margin:1em 0;
	width: 100%;
	text-align: left;
	font-size: 105%;
	color: #919330;
	font-weight: bold;
}
.ligneverticale
{
	background-image: url(/medias/communs/ligneverticbeige.jpg);
	background-repeat: repeat-y;
	text-align: center;
}
.descproduits
{
	text-align: left;
	width: 97%;
}
.btnsdescproduits
{
	width: 250px;
}
.picproduits {
	background:url(/medias/communs/new-prodbg02.gif) 0 0 no-repeat #fff;
	width:328px;
	height:293px;
}

.imgProduct {
	background:url(/medias/communs/new-prodbg04.gif) 0 0 no-repeat;
	width:328px;
	height:217px;
	padding:16px 0 0 16px;
	position:relative;
	float:left;
}
.imgProduct .zoom{
	position:absolute;
	top:183px;
	right:33px;
}
.minipic {
	background:url(/medias/communs/new-prodbg05.gif) 0 0 no-repeat;
	width:75px;
	height:55px;
	padding:0;
	position:relative;
}

.minipic img{
	margin:0 0 0 3px;
	border:solid 2px #fff;
}
.minipic img:hover{
	margin:0 0 0 3px;
	border:solid 2px #cfd052;
}
.titreproduits a:link, .descproduits a:link, .tablecontent a:link{
	text-decoration:none;
	color: #a80101;
	font-weight: bold;
}
.titreproduits a:visited, .descproduits a:visited, .tablecontent a:visited{
	text-decoration:none;
	color: #a80101;
	font-weight: bold;
}
.titreproduits a:hover, .descproduits a:hover, .tablecontent a:hover{
	text-decoration:none;
	color: #c51111;
	font-weight: bold;
}
.titreproduits a:active, .descproduits a:active, .tablecontent a:active{
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.cellgauche{
}
.tablerow1{
	font-size: 80%;
	line-height: 140%;
	color: #000;
}
.linkpale{
	padding: 4px;
	font-size: 73%;
	background-color: #700001;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2C5AA;
}
.linkpale2{
	padding: 4px;
	font-size: 73%;
	background-color: #700001;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D2C5AA;
}
.linkpale a:link, .linkpale2 a:link{
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.linkpale a:visited, .linkpale2 a:visited{
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
.linkpale a:hover, .linkpale2 a:hover{
	text-decoration:none;
	color: #DAA636;
	font-weight: bold;
}
.linkpale a:active, .linkpale2 a:active{
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}

#suitepages {
	width: 100%;
	border: 1px solid #CC0000;
}
.suitepages {
	font-size: 70%;
	color: #EAD2B0;
	background-color: #700001;
	margin: 0px;
	padding: 2px;
}

/* ---( Footer )----------------------------------- */

#mstrFooter {
	background:url(/medias/communs/linefooter.gif) center 15px no-repeat #FFFFFF;
	text-align:center;
	font-size:70%;
	color:#4f5257;
	width:774px;
	padding:35px 0 25px 0;
	float:left;
}
#mstrFooter img {
	vertical-align: middle;
	border-style: none;
}