/* -- Com and See - styles.css -- */

body 			{
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
margin: 0px;
width:  100%;
background-image: url(../img/fond_com_and_see.jpg);	
background-repeat: repeat;
}

#content {
width: 720px;
}

#page {
height:750px;
width:900px;
border:medium solid #FF0000;
}

#menu {
padding-top:0px;
margin-top:0px;
width: 200px;
}

#header {
padding-left:140px;
width: 600px;
}

#footer-menu {
width: 782px;
height: 24px;
color:#d4c3d7;
padding-left: 20px;
text-align: left;
background-image: url(../img/background_footer.gif);
background-repeat: repeat;
padding-top:7px;
border-top-width: thin;
border-top-style: solid;
border-top-color: #8e7599;
margin-top:30px;
}

#footer-mentions {
color:#d4c3d7;
font-size:9px;
text-align:right;

}

html>body .menu {
position: fixed;
}

#flash { 
height: 135px;
}


#bloc { 
vertical-align: middle; 
position: absolute; 
height: 180px; 
margin-top: auto; 
top: 35%; 
}

div.bloc-ref {
background-image: url(../img/masque_ref_full.png);
height: 269px;
width: 601px;
}

div.bloc-texte-savoir-faire	{
background-image: url(../img/fond.png);
background-repeat: repeat;
height: 420px;
position: absolute;
width: 600px;
padding-top: 6px;
padding-right: 0px;
padding-left: 0px;
padding-bottom:10px;
}

div.voir-site{
margin-left:50px;
}

div.bloc-texte-coordonnees	{
background-image: url(../img/fond.png);
background-repeat: repeat;
height: 480px;
position: absolute;
width: 600px;
padding-top: 6px;
padding-right: 0px;
padding-left: 0px;
}

div.bloc-texte-agence	{
background-image: url(../img/fond.png);
background-repeat: repeat;
width: 600px;
padding-bottom:30px;
padding-top: 6px;
padding-right: 0px;
padding-left: 0px;
}

div.bloc-texte-formulaire	{
background-image: url(../img/fond.png);
background-repeat: repeat;
height: 480px;
position: absolute;
width: 600px;
padding-top: 6px;
padding-right: 0px;
padding-left: 0px;
}	

.bloc-references {
background-image: url(../img/fond.png);
background-repeat: repeat;
height: 265px;
width: 601px;
margin-bottom:50px;
vertical-align:top;
}

.bloc-texte-home {
background-image: url(../img/fond.png);
background-repeat: repeat;
height: 160px;
width: 600px;
padding-top: 6px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 20px;
}

.bloc-texte-home-ref {
background-image: url(../img/fond.png);
background-repeat: repeat;
height: 300px;
width: 600px;
margin-top: 30px;
padding-top: 6px;
padding-right: 0px;
padding-left: 0px;
}

ul.menu	{
list-style-type: none;
}
	
a.menu:link { 
color: #8b8c8e;  
text-decoration:none; 
font-size:9px;}

a.menu:visited { 
color: #8b8c8e; 
text-decoration:none; 
font-size:9px;} 

a.menu:hover { 
color: #660066; 
text-decoration: none; 
font-size:9px; } 

a.menu:active { 
color: #8b8c8e; 
text-decoration:none; 
font-size:9px;} 

a:link { 
color: #dac9dc; 
text-decoration:none; 
font-size:11‡px;} 

a:visited { 
color: #dac9dc; 
text-decoration:none; 
font-size:11px;}

a:hover { 
color: #FFFFFF; 
text-decoration: none; 
font-size:11px; }

a:active { 
color: #dac9dc; 
text-decoration:none; 
font-size:11px;}

div.bt-next	{
padding-top:225px;
margin-left:20px;
}
	
.bloc-dernieres-realisations {
margin-top: 20px;
margin-bottom: 20px;
}

.logo {
margin-left: 220px;
}

.bloc-texte {
	padding:20px;
}

p.texte-intro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: justify;
margin-bottom: 5px;
padding-left: 25px;
padding-right: 25px;
padding-bottom:0px;
}

p.texte-fondateurs {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-align: left;
margin-bottom: 5px;
padding-left: 25px;
padding-right: 25px;
}

span.menu-footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}

span.menu-footer-adresse {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #dac9dc;
}

span.menu-footer-copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
padding-right:20px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #581061;
font-weight: bold;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #581061;
font-weight: bold;
font-style: italic;
}

.puce{
color:#FFFFFF;
list-style: square;
}

form-champs { 
padding: 10px 0px 10px 20px ; } 

input	{ 
font-family: Arial, Verdana, Helvetica, sans-serif ; 
font-size: 12px ; 
color: #ffffff ; 
border-color: #451e57 ; 
background-color: #451e57 ; 
border-style: solid ; 
border-width: 1px ; }

input.image { 
border-style: none ; 
}

select { 
font-family: Arial, Verdana, Helvetica, sans-serif ; 
font-size: 10px ; 
color: #FFFFFF ; 
border-color: #451e57 ; 
background-color: #451e57 ; 
border-style: solid ; 
border-width: 1px ; }

textarea { font-family: Arial, Verdana, Helvetica, sans-serif ; 
font-size: 10px ; 
color: #FFFFFF ; 
border-color: #451e57 ; 
background-color: #451e57 ; 
border-style: solid ; 
border-width: 1px ; }

td.required { 
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 10px ; 
color: #FFFFFF ; 
font-weight: bold ; 
padding: 7px 10px 7px 10px ; } 

td.champs { 
padding: 7px 0px 9px 0px ; }
 
#slider {
width:630;
height:280px;
position:relative;	
overflow:hidden;
}

#mask-gallery {
overflow:hidden;	
}

#gallery {
list-style:none;
margin:0;
padding:0;	
z-index:0;
width:1797px;
overflow:hidden;
height:223px;	
}

#gallery li {
float: left;	
}

#mask-excerpt {
position:absolute;	
top:225px;
left:0;
z-index:500px;
width:350px;
height:50px;
overflow:hidden;	
}
	
#excerpt {
list-style:none;
margin-top:0px;
padding:0;
z-index:10;
position:absolute;
top:0px;
left:0px;
width:300px;
overflow:hidden;
font-family:arial;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
padding-left:15px;
}

#excerpt li {
padding:0px;
}
	
.clear {
	clear:both;	
}