html,body{
margin:0;
padding:0;
font-family:verdana, helvetica, sans-serif;
}

img{
border:0;
}

div#header{
position:relative;
height:65px;
background:#FFF;
}

div#header .logo{
position:absolute;
margin:23px 0 0 43px;
}

div#header .links{
background:url('../IMAGES/background-links.jpg') no-repeat;
position:absolute;
width:685px;
height:17px;
right:0;
margin:23px 47px 0 0;
padding:0 20px 2px 0;
text-align:right;
}

div#header .links a{
margin:0 5px;
}

div#header .text{
position:absolute;
background:#FFF;
width:695px;
margin:45px 47px 0 0;
right:0;
font-family:verdana, helvetica, sans-serif;
font-size:12px;
color:#575E5E;
}

div#header .text strong{
color:#D52A17;
}

div#header .text h1{
display:inline;
font-size:12px;
font-weight:normal;
}

div#header .fondu{
margin:65px 0 0 0;
position:absolute;
width:1000px;
height:39px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/fondu.png');
}

div#header .fondu[class] {
background:url('../IMAGES/fondu.png');
}

div#container{
text-align:left;
width:1000px;
margin:10px auto;
border:1px solid;
background:url('../IMAGES/background-content.jpg') no-repeat;
}

div#container .pim{
position:absolute;
width:131px;
height:145px;
z-index:9000;
margin:400px 0 0 869px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/pim.png');*/
}

/*div#container .pim[class] {
background:url('../IMAGES/pim.png');
}*/

div#container .pim a{
display:block;
width:131px;
height:145px;
position:absolute;
}

div#wrapper{
background:#990000;

}

div#content{
float:right;
width:665px;
padding:30px 49px 40px 40px;
}

div#content .visuel{
position:relative;
height:474px;
}

/* --- Animation --- */

div#content .visuel .moyengris{
position:absolute;
width:83px;
height:33px;
background:#575E5E;
margin:35px 0 0 89px;
z-index:10;
}

div#content .visuel .petitnoir{
position:absolute;
line-height:0;
width:12px;
height:12px;
background:#000;
margin:174px 0 0 97px;
}

div#content .visuel .mincerouge{
position:absolute;
line-height:0;
width:125px;
height:11px;
background:#D11500;
margin:146px 0 0 371px;
z-index:8;
}

div#content .visuel .hautmarron{
position:absolute;
line-height:0;
width:35px;
height:124px;
background:#6D514D;
margin:134px 0 0 383px;
z-index:9;
}

div#content .visuel .deco1{
position:absolute;
line-height:0;
width:115px;
height:11px;
background:url('../IMAGES/deco1.jpg') no-repeat;
margin:15px 0 0 397px;
}

div#content .visuel .carrerouge{
position:absolute;
line-height:0;
width:63px;
height:43px;
background:#D11500;
margin:217px 0 0 0;
}

div#content .visuel .carreblanc{
position:absolute;
line-height:0;
width:89px;
height:25px;
margin:398px 0 0 209px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/carreblanc.png');

z-index:5;
}

div#content .visuel .carreblanc[class]{
background:url('../IMAGES/carreblanc.png') no-repeat;
}

div#content .visuel .carregris{
position:absolute;
line-height:0;
width:17px;
height:17px;
background:#575E5E;
margin:409px 0 0 286px;
z-index:3;
}

div#content .visuel .deco2{
position:absolute;
line-height:0;
width:78px;
height:11px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/deco3.png');

margin:238px 0 0 264px;
}

div#content .visuel .deco2[class]{
background:url('../IMAGES/deco3.png') no-repeat;
}

div#content .visuel .deco4{
position:absolute;
line-height:0;
width:11px;
height:32px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/deco4.png');

margin:442px 0 0 230px;
}

div#content .visuel .deco4[class]{
background:url('../IMAGES/deco4.png') no-repeat;
}

div#content .visuel .deco5{
position:absolute;
line-height:0;
width:155px;
height:26px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/deco5.png');

margin:217px 0 0 508px;
z-index:5;
}

div#content .visuel .deco5[class]{
background:url('../IMAGES/deco5.png') no-repeat;
}

div#content .visuel .moyenrouge{
position:absolute;
line-height:0;
width:48px;
height:29px;
background:#D11500;
margin:372px 0 0 592px;
z-index:4;
}


/* ---- PHOTOS --- */

div#content .visuel .visuel1{
position:absolute;
margin:0 0 0 153px;
z-index:7;
}

div#content .visuel .visuel1 .photo{
position:relative;
line-height:0;
height:162px;
}

div#content .visuel .visuel1 .photo img{
border: none;
margin: 0!important;
padding: 0!important;
z-index:450;
}

div#content .visuel .visuel1 .intitule{
position:relative;
margin:-28px 0 0 0;
width:244px;
height:28px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/intitule.png');
z-index:500;
}

div#content .visuel .visuel1 .intitule[class]{
background:url('../IMAGES/intitule.png');
}

div#content .visuel .visuel1 .intitule a{
display:block;
width:176px;
height:29px;
margin:0 0 0 25px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/titre_rubrique1.png');
z-index:501;
}

div#content .visuel .visuel1 .intitule[class] a{
background:url('../IMAGES/titre_rubrique1.png');
}

div#content .visuel .visuel1 .pied{
position:relative;
margin:0 0 0 0;
width:229px;
height:35px;
color:#FFF;
font-size:10px;
font-weight:bold;
font-style:italic;
font-family:verdana;
padding:10px 0 0 15px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/pied_photo1.png');
}

div#content .visuel .visuel1 .pied[class] {
background:url('../IMAGES/pied_photo1.png');
}

div#content .visuel .visuel2{
position:absolute;
margin:76px 0 0 453px;
}

div#content .visuel .visuel2 .photo{
position:relative;
line-height:0;
height:71px;
}

div#content .visuel .visuel2 .photo img{
border: none;
margin: 0!important;
padding: 0!important;
}

div#content .visuel .visuel2 .intitule{
position:relative;
margin:-28px 0 0 0;
width:197px;
height:28px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/intitule.png');
}

div#content .visuel .visuel2 .intitule[class]{
background:url('../IMAGES/intitule.png');
}

div#content .visuel .visuel2 .intitule a{
display:block;
width:166px;
height:26px;
margin:0 0 0 25px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/titre_rubrique3.png');
z-index:501;
}

div#content .visuel .visuel2 .intitule[class] a{
background:url('../IMAGES/titre_rubrique3.png') no-repeat;
}

div#content .visuel .visuel2 .pied{
position:relative;
margin:0 0 0 0;
width:183px;
height:40px;
color:#FFF;
font-size:10px;
font-weight:bold;
font-style:italic;
font-family:verdana;
padding:10px 0 0 15px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/pied_photo2.png');
}

div#content .visuel .visuel2 .pied[class] {
background:url('../IMAGES/pied_photo2.png');
}

div#content .visuel .visuel3{
position:absolute;
margin:239px 0 0 37px;
border-top:9px solid #625755;
width:227px;
z-index:4;
}

div#content .visuel .visuel3 .photo{
position:relative;
line-height:0;
height:153px;
}

div#content .visuel .visuel3 .photo object{
margin:0 0 0 0;
padding:0;
line-height:0;
}

div#content .visuel .visuel3 .photo img{
border: none;
margin: 0!important;
padding: 0!important;
}

div#content .visuel .visuel3 .intitule{
position:relative;
margin:-29px 0 0 0;
width:227px;
height:29px;
border-bottom:1px solid #FFF;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/intitule3.png');
}

div#content .visuel .visuel3 .intitule[class]{
background:url('../IMAGES/intitule3.png');
}

div#content .visuel .visuel3 .intitule a{
display:block;
width:198px;
height:21px;
padding:7px 0 0 0;
margin:0 0 0 20px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/titre_rubrique2.png');
z-index:501;
}

div#content .visuel .visuel3 .intitule[class] a{
background:url('../IMAGES/titre_rubrique2.png') no-repeat;
}

div#content .visuel .visuel3 .pied{
position:relative;
margin:0 0 0 0;
width:212px;
height:27px;
color:#FFF;
font-size:10px;
font-weight:bold;
font-style:italic;
font-family:verdana;
padding:13px 0 0 15px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/pied_photo3.png');
}

div#content .visuel .visuel3 .pied[class] {
background:url('../IMAGES/pied_photo3.png');
}

div#content .visuel .visuel4{
position:absolute;
margin:228px 0 0 372px;
}

div#content .visuel .visuel4 .photo{
position:relative;
line-height:0;
height:159px;
}

div#content .visuel .visuel4 .photo img{
border: none;
margin: 0!important;
padding: 0!important;
}

div#content .visuel .visuel4 .intitule{
position:relative;
margin:-28px 0 0 0;
width:239px;
height:28px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/intitule4.png');
}

div#content .visuel .visuel4 .intitule[class]{
background:url('../IMAGES/intitule4.png');
}

div#content .visuel .visuel4 .intitule a{
display:block;
width:191px;
height:28px;
margin:0 0 0 25px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/titre_rubrique4.png');
z-index:501;
}

div#content .visuel .visuel4 .intitule[class] a{
background:url('../IMAGES/titre_rubrique4.png');
}

div#content .visuel .visuel4 .pied{
position:relative;
margin:0 0 0 0;
width:224px;
height:27px;
color:#FFF;
font-size:10px;
font-weight:bold;
font-style:italic;
font-family:verdana;
padding:13px 0 0 15px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/pied_photo3.png');
}

div#content .visuel .visuel4 .pied[class] {
background:url('../IMAGES/pied_photo3.png');
}

/* --- Entete --- */

div#content .entete{
position:relative;
margin:0 0 20px 0;
padding:0 10px;
}

div#content .entete h2{
margin: 0 0 10px 0;
font-size: 12px;
font-weight: bold; 
}

div#content .entete p{
margin:0;
padding:0;
text-align:justify;
font-size:12px;
line-height:15px;
color:#2F2E2E;
}

div#content .entete a{
color:#2F2E2E;
text-decoration:none;
}

div#content .entete a.valeur{
color:#D21501;
text-decoration:underline;
}

div#content .entete b{
color:#D11500;
}

div#content .entete strong{
color:#D11500;
}

/* --- Accroche --- */

div#content .accroche{
position:relative;
margin:11px 0 0 0;
padding:0 10px;
}

div#content .accroche p{
margin:0;
padding:0;
text-align:justify;
font-size:12px;
line-height:15px;
color:#2F2E2E;
}

div#content .accroche a{
color:#2F2E2E;
text-decoration:none;
}

div#content .accroche a.valeur{
color:#D21501;
text-decoration:underline;
}

div#content .accroche b{
color:#D11500;
}

div#content .accroche strong{
color:#D11500;
}

/* -- Pages internes --*/

div#content .decointerne{
position:relative;
line-height:0;
width:63px;
height:110px;
background:#D11500;
}

div#content .interne{
background:#FFF;
position:relative;
width:593px;
margin:-80px 0 25px 20px;
padding:25px;
font-size:11px;
}

div#content .interne h1{
margin:0 0 0 0;
border-left:6px solid #D21501;
font-size:13px;
padding:0 0 0 8px;
}

div#content .interne h2{
margin:20px 0 15px 0;
font-size:12px;
}

div#content .interne h3{
text-decoration:underline;
margin:20px 0 ;
font-size:11px;
}

div#content .interne h4{
color:#D21501;
margin:10px 0 3px 0;
font-size:11px;
}

div#content .interne label{
color:#565D5D;
}

div#content .interne .select{
font-family:verdana;
font-size:11px;
}

div#content .interne .area{
font-family:verdana;
font-size:11px;
}

div#content .interne .text{
font-family:verdana;
font-size:11px;
}

div#content .interne p{
text-align:justify;
font-size:12px;
color:#575E5E;
}

div#content .interne a.reponse{
color:#D21501;
}

div#content .interne a.valeur{
color:#D21501;
}

div#content .interne ul{
margin:15px 0;
padding:0;
list-style:none;
}

div#content .interne li{
margin:0 0 10px 30px;
padding:0 0 0 15px;
background:url('../IMAGES/puce.jpg') no-repeat;
background-position:0 4px;
font-size:12px;
color:#575E5E;
}

div#content .interne li a{
color:#575E5E;
text-decoration:none;
}

div#content .interne li a.valeur{
color:#D21501;
text-decoration:none;
}

div#content .interne li a.valeur:hover{
text-decoration:underline;
}

div#content .interne .liendevis{
background:url('../IMAGES/background-devis.jpg') no-repeat right;
position:relative;
text-align:right;
height:16px;
margin:20px 0 0 0;
padding:3px 25px 0 0;
}

div#content .interne .liendevis a{
text-decoration:none;
color:#FFF;
}

div#content .interne .partners{
position:relative;
margin:15px 0 0 0;
}

div#content .interne .partner{
position:relative;
margin:15px 0 0 0;
}

div#content .interne .partner a{
color:#575E5E;
text-decoration:none;
}


div#content .interne .partner a.logo{
float:left;
margin:0 10px 0 0;
opacity:0.5;
filter : alpha(opacity=50);
}

div#content .interne .partner  a.logo:hover{
opacity:1;
filter : alpha(opacity=100);
}

div#content .interne .partner h5{
margin:0 0 5px 0;
font-size:11px;
text-transform:uppercase
}

div#content .interne .partner p{
margin:0;
color:#575E5E;
font-size:12px;
}

div#content .interne .contact{
position:relative;
margin:25px 0 0 0;
}

div#content .interne .contact fieldset{
border:0;
}

div#content .interne .details{
margin: 0 0 0 0;
}

/* -- Fin pages internes --- */

div#navigation{
float:left;
width:202px;
padding:153px 0 0 44px;
}

div#navigation .menu{
float:left;
height:214px;
margin:0 0 50px 0;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/background-menu.png');
}

div#navigation .menu[class]{
background:url('../IMAGES/background-menu.png') no-repeat;
}

div#navigation .menu ul{
margin:18px 0 0 11px;
padding:0;
list-style:none;
}

div#navigation .menu li{
margin: 0!important;
padding:0;
line-height:0;
}

div#navigation .menu li a{
border: 0;
padding: 0!important;
margin: 0!important;
}

div#navigation .menu li img{
border: none;
margin: 0!important;
padding: 0!important;
float:left;
}

div#navigation .contact{
float:left;
}

div#navigation .contact h4{
margin:0;
background:url('../IMAGES/background-entete-menu.jpg') no-repeat;
display:block;
width:188px;
height:16px;
color:#FFF;
font-size:10px;
font-weight:normal;
padding:3px 0 0 10px;
}

div#navigation .contact .text{
position:relative;
background:#FFF;
margin:1px 7px 25px 5px;
width:165px;
padding:10px 10px;
}

div#navigation .contact .text p{
margin:0;
padding:0;
font-size:10px;
}

div#navigation .contact .text p a{
color:#575E5E;
}

div#navigation .contact .text a.mail{
color:#D11500;
}

div#navigation .contact .text p span{
color:#575E5E;
font-weight:bold;
}

div#navigation .contact .text p span.num{
color:#D11500;
font-weight:bold;
font-size:12px;
}

div#extra{
float:left;
clear:left;
width:246px;
}

div#footer{
background:url('../IMAGES/background-footer.jpg');
clear:both;
width:100%;
height:49px;
font-size:11px;
color:#575E5E;
}

div#footer .libelle{
margin:10px 0 0 85px;
padding:0;
position:absolute;
}

div#footer h2{
display:inline;
font-size:11px;
font-weight:normal;
}

div#footer .libelle strong{
color:#D52A17;
}

div#footer .libelle a{
color:#575E5E;
}

div#footer .fondu{
margin:-39px 0 0 0;
position:absolute;
width:1000px;
height:39px;

/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='IMAGES/fondu_footer.png');
}

div#footer .fondu[class] {
background:url('../IMAGES/fondu_footer.png');
}


.realisation_video {
	width: 243px;
	height: 161px;
}

div#content .interne ul.video {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

div#content .interne ul.video li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	background: none;
}

div#content .interne ul.video div.video {
	float: left;
	margin: 0 15px 0 0;
}

div#content .interne ul.video div.details h3{
	color:#D11500;
	text-transform: uppercase;
}

div#content .interne ul.video div.details div.descriptif {
	margin-bottom: 10px;
}

div#content .interne ul.video div.details a.fullscreen {
	color:#D11500;
}

div#content .interne ul.video div.details a.fullscreen:HOVER {
	text-decoration: underline;
}