/* general */

body { 
color: #fff; 
font-size: 12px; 
font-family:  Arial, Helvetica, sans-serif; 
margin: 0; 
padding: 0; 
width: 100%;
height: 100%;
background-color:#101010;
}

#global_fond {
width: 100%;
background-image:  url(../medias/commun/fond.jpg); 
background-repeat: repeat-x;
background-position:top;
height:800px;
}

#global {
margin-left: -490px;
left: 50%;
width: 980px;
position:relative;
background-image:  url(../medias/commun/ombre.gif); 
background-repeat: no-repeat;
background-position:top;
padding-bottom:10px;
}

#global-main {
margin-left: -485px;
left: 50%;
width: 970px;
padding:0px 5px 0px 5px;
position:relative;
padding-top: 435px;
}


#slide_show_home{
	min-height:170px;
	height:170px;

}
#slide_show_news{
	min-height:170px;
	height:170px;
	width:510px
}
#global-main-contact {
margin-left: -485px;
left: 50%;
width: 970px;
min-height:395px;
padding:0px 5px 0px 5px;
position:relative;
padding-top: 220px;
}

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

#contenu-gauche-home {
	width: 510px;/*740*/
	min-height:180px;
	padding:0px 52px 0px 170px;
	margin:0px;
	float:left;
}
#contenu-gauche-home p {
	width:500px
}

#contenu-gauche-news {
	width: 510px;/*740*/
	min-height:180px;
	padding:0px 52px 0px 170px;
	margin:0px;
	float:left;
}
#contenu-gauche-news p {

}

#contenu-gauche-concept {
	width: 510px;/*740*/
	min-height:180px;
	padding:0px 52px 0px 170px;
	margin:0px;
	float:left;
}
#contenu-gauche-concept p {
	width:500px
}

#contenu-gauche-gallery {
	width: 510px;/*740*/
	min-height:180px;
	padding:0px 52px 0px 170px;
	margin:0px;
	float:left;
}

#contenu-gauche-portrait {
	width: 640px;/*740*/
	min-height:180px;
	padding:0px 52px 0px 170px;
	margin:0px;
	float:left;
}
.form-contact{
	width:800px
}


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

#contenu-droite {
width: 230px;
min-height:180px;
padding:0px 0px 0px 0px;
margin:0px;
float:left;
}

#contenu {
width: 767px;/*740*/
min-height:180px;
padding:0px 0px 0px 170px;
margin:0px;
}

#bandeau {
position: absolute;
margin-left: -485px;
left: 50%;
width: 970px;
top: 0px;
}

#flashBandeau {
position: absolute;
margin-left: -485px;
left: 50%;
width: 970px;
height:386px;
top: 0px;
}

#flashContent {
}

#flashContent-contact {
position: absolute;
margin-left: -485px;
left: 50%;
width: 970px;
height:177px;
top: 0px;
}

#bas {
margin-left: -490px;
left: 50%;
width: 980px;
position:relative;
background-image:  url(../medias/commun/bas.gif); 
background-repeat: no-repeat;
clear:both;
}

#footer {
margin-left: -485px;
left: 50%;
width: 970px;
position:relative;
font-size:9px;
color:#616161;
text-align:right;
padding-top:0px;
}

#menu-container {
position: absolute;
margin-left: -485px;
left: 50%;
width: 970px;
height:16px;
top: 386px;
background-color:#2a2a2a;
}

#menu-container-contact {
position: absolute;
margin-left: -485px;
left: 50%;
width: 970px;
height:16px;
top: 177px;
background-color:#2a2a2a;
}

#menu-gauche {
width: 730px;/*900*/
padding-left:170px;
height:16px;
background-color:#2a2a2a;
float:left;
}

#menu-droite {
width: 65px;/*70*/
text-align:right;
float:left;
padding:2px 5px 0px 0px;
color:#7a7a7a;
}

.vignette-news {
width: 75px;
padding-right:10px;
float:left;
}

.vignette-texte {
width: 130px;
float:left;
}

.vignette-news-grand {
width: 148px;
padding-right:10px;
float:left;
}

.titre-news {
width: 512px;
height:20px;
padding-right:10px;
background: url(../medias/fr/news/titre-news.gif) no-repeat;
float:left;
}

.titre-fond {
width: 512px;
height:20px;
}

#titre-fond li {
    margin:0;
    padding:0;
    list-style:none;
}

#titre-fond li a {
    position:absolute;
    display:block;
	/*width:1000px;
	left:50%;
	margin-left:-500px;
	margin-top:60px;*/
    background:url(../medias/communs/o.gif);
} 

#titre-fond a.precedent { top:435px; left:660px; width:14px; height:20px; position:absolute; }
#titre-fond a.suivant { top:435px; left:674px; width:14px; height:20px; position:absolute; }

.vignette-texte-grand {
width: 350px;
float:left;
}

.trait-news {
width: 512px;
clear:both;
padding:15px 0px 15px 0px;
}

.cols-3 {
width: 150px;
margin:0px 5px 0px 0px;
float:left;
color: #7a7a7a;
}

#container-vignettes-gallery {
clear:both;
width:512px;
/*margin-top:10px;*/
}

.vignettes-gallery {
float:left;
margin-right:15px;
width:35px;
}

#texte-survol-gallery {
clear:both;
/*margin-top:10px;*/
}

/*menu accueil*/
 
a.menu-accueil {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-accueil.gif);
	background-repeat: no-repeat;
	width: 66px;
	height: 16px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-accueil:hover, a.menu-accueil:active, a.menu-accueil.current {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-accueil.gif);
	background-repeat: no-repeat;
	width: 66px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-accueil {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-accueil.gif);
	background-repeat: no-repeat;
	width: 66px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}


a.menu-news {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-news.gif);
	background-repeat: no-repeat;
	width: 55px;
	height: 16px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-news:hover, a.menu-news:active, a.menu-news.current {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-news.gif);
	background-repeat: no-repeat;
	width: 55px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-news {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-news.gif);
	background-repeat: no-repeat;
	width: 55px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-koncept {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-koncept.gif);
	background-repeat: no-repeat;
	width: 76px;
	height: 16px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-koncept:hover, a.menu-koncept:active, a.menu-koncept.current {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-koncept.gif);
	background-repeat: no-repeat;
	width: 76px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-koncept{
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-koncept.gif);
	background-repeat: no-repeat;
	width: 76px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
a.menu-gallery {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-gallery.gif);
	background-repeat: no-repeat;
	width: 73px;
	height: 16px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-gallery:hover, a.menu-gallery:active, a.menu-gallery.current {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-gallery.gif);
	background-repeat: no-repeat;
	width: 73px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-gallery {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-gallery.gif);
	background-repeat: no-repeat;
	width: 73px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.span-gallery{
	color:#FFFFFF;
	text-decoration:none;
}

a.menu-portraits {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-portraits.gif);
	background-repeat: no-repeat;
	width: 87px;
	height: 16px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-portraits:hover, a.menu-portraits:active, a.menu-portraits.current {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-portraits.gif);
	background-repeat: no-repeat;
	width: 87px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-portraits {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-portraits.gif);
	background-repeat: no-repeat;
	width: 87px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.menu-menu-portraits{
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-portraits.gif);
	background-repeat: no-repeat;
	width: 87px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}

a.menu-kontact {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-kontact.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 16px;
	padding: 0 0 0 0;
	margin-left: 0px;
}

a.menu-kontact:hover, a.menu-kontact:active, a.menu-kontact.current {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-kontact.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.span-menu-kontact {
	display: block;
	float:left;
	background-image:url(../medias/fr/menu/menu-kontact.gif);
	background-repeat: no-repeat;
	width: 70px;
	height: 16px;
	padding: 0 0 0 0;
	background-position:0 -16px;
	text-decoration:none;
	margin-left: 0px;
}
.spacer { 
clear: both;
color:#000000;
}

ul {
padding: 0px 0px 0px 0px;
margin: 0em 0em 0em 0em;
}

li {
	list-style:none;
	margin: 0px 0px 0px 0px;
}

li.portraits {
	list-style:none;
	margin: 0px 0px 5px 0px;
}

/* texte */
 
h1{
	margin: 0px 0px 10px 0px;
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	color:#ffffff;
}

h2{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color:#ffffff;
}

p{
	margin: 0px 0px 10px 0px;
}

.uppercase{
	text-transform: uppercase;
}

/* formulaire */

form{
padding:0px;
margin:0px;
}

label{
width: 75px;
float: left;
padding-top: 3px;
padding-right: 0px;

}

input{
padding: 0px;
margin: 0px;
float: left;
}

.textfield{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 165px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.textarea{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 218px;
height: 150px;
font-size: 11px;
font-family:  Arial, Helvetica, sans-serif; 
}

.dropdown{
background-color: #ffffff;
border: #cccccc 1px solid;
width: 172px;
font-size: 11px;
color: #9d9d9d;
margin-bottom: 2px;
padding: 2px;
}

.envoyer{
width:60px;
margin-left:454px;
margin-top:10px;
clear:both;
}
	
.form-col1{
width:200px;
margin-right:50px;
float:left;
}

.form-col2{
width:510px;
float:left;
}

.form-pt-col1{
width:260px;
margin-right:28px;
float:left;
}

.form-pt-col2{
width:218px;
float:left;
}

.legals{
color:#616161;
font-size:9px;
}

.alerte{
	color: #ff0000;
	padding:5px 0px 10px 0px;
	display:none;
	visibility:hidden
}

 /* liens */
 
a:link { color: #7a7a7a; text-decoration: none; }
a:visited { color: #7a7a7a; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #f; text-decoration: none; }

a.lien-footer:link { color: #616161; text-decoration: none; font-size: 9px;}
a.lien-footer:visited { color: #616161; text-decoration: none; font-size: 9px; }
a.lien-footer:hover { color: #fff; text-decoration: none; font-size: 9px; }
a.lien-footer:active { color: #fff; text-decoration: none; font-size: 9px; }

.span-lien-footer { color: #fff; text-decoration: none; font-size: 9px; }

a.lien-menu-droite:link { color: #7a7a7a; text-decoration: none; font-size: 9px;}
a.lien-menu-droite:visited { color: #7a7a7a; text-decoration: none; font-size: 9px; }
a.lien-menu-droite:hover { color: #fff; text-decoration: none; font-size: 9px; }
a.lien-menu-droite:active { color: #fff; text-decoration: none; font-size: 9px; }

.span-lien-menu-droite { color: #fff; text-decoration: none; font-size: 9px; }

a.lien-vignette:link { border:1px solid #101010; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; height:35px; width:35px; display:block; }
a.lien-vignette:visited { border:1px solid #101010; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; height:35px; width:35px; display:block; }
a.lien-vignette:hover { border:1px solid #fff; height:35px; width:35px; display:block;}
a.lien-vignette:active { border:1px solid #fff; height:35px; width:35px; display:block;}

a.lien_calques:link { color: #52657e; text-decoration: none; font-size: 11px; background-color: #8c98a3; display: block; padding: 3px 3px 3px 8px; border-bottom: #8287a7 1px solid; border-left: #8287a7 1px solid; border-right: #8287a7 1px solid; background-image:url(../medias/commun/fond-calque.gif);}
a.lien_calques:visited { color: #52657e; text-decoration: none; font-size: 11px; background-color: #8c98a3; display: block; padding: 3px 3px 3px 8px; border-bottom: #8287a7 1px solid; border-left: #8287a7 1px solid; border-right: #8287a7 1px solid; background-image:url(../medias/commun/fond-calque.gif);}
a.lien_calques:hover { color: #ffffff; text-decoration: none; font-size: 11px; background-color: #8c98a3; display: block; padding: 3px 3px 3px 8px; border-bottom: #8287a7 1px solid; border-left: #8287a7 1px solid; border-right: #8287a7 1px solid; background-image:url(../medias/commun/fond-calque-over.gif);}
a.lien_calques:active { color: #ffffff; text-decoration: none; font-size: 11px; background-color: #8c98a3; display: block; padding: 3px 3px 3px 8px; border-bottom: #8287a7 1px solid; border-left: #8287a7 1px solid; border-right: #8287a7 1px solid; background-image:url(../medias/commun/fond-calque-over.gif);}

a.plan-titre:link { color: #52657e; text-decoration: none; font-size: 12px; text-transform:uppercase; }
a.plan-titre:visited { color: #52657e; text-decoration: none; font-size: 12px; text-transform:uppercase; }
a.plan-titre:hover { color: #52657e; text-decoration: underline; font-size: 12px; text-transform:uppercase; }
a.plan-titre:active { color: #52657e; text-decoration: none; font-size: 12px; text-transform:uppercase; }

* html .dropdown{
	margin-left:-3px;
	width:165px;
}
* html .cols-3{
	width: 100px;
}