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

body {
-x-system-font:none;
background:#F0F0F0 none repeat scroll 0 0;
color:#5C5C5C;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0px 0 0;
}
* {
font-size:1em;
}

div#site {
background:#FFFFFF none repeat scroll 0 0;
margin:0 auto;
padding:0px;
width:850px;
border-bottom:double 1px #797D8E;
border-left:double 1px #797D8E;
border-right:double 1px #797D8E;
height:899px;
}
/*-----------------------CSS PAGE INDEX------------------------------------------------*/




div#site div#header{
background: url(../images/entete_st2².jpg) no-repeat scroll;
width:850px;
height:178px;
margin:0px 0px 0px 0px;
padding:0px;
}
div#site div#header ul#menu_h {
	margin:0px 0px 0px 0px;
	padding:178px 0px 0px 0px;
	float:left;
}
div#site div#header ul#menu_h  li#Architecture{
width:144px;
}
div#site div#header ul#menu_h li {
	background:#DCDDE7;
	height:23px;
	line-height:24px;
	text-align:center;
	width:140px;
	font-size:12px;
	margin:0px 1px 0pt 0pt;
	display:block;
	text-transform:capitalise;
	color:#376FBA;
	float:left;
	padding:0;
}
div#site div#header ul#menu_h li a:hover,
div#site div#header ul#menu_h li a#selected {
	background:#4DADDF;
	color:#FFFFFF;
}

div#site div#header ul#menu_h li a {
	text-decoration:none; 
	color:#848484;
	display:block
}

div#site div#services{
margin:0px;
padding:0px 0px 0px 0px;
width:850px;
height:680px;
}

div#site div#services div#des{
height:600px;
width:568px;
margin:0px;
padding:0px;
float:right;
}
div#site div#services div#banniers{
margin:0px;
padding:30px 0px 0px 0px;
width:280px;
height:600px;
float:left;
}
div#site div#services div#banniers img#fil1{
width:280px;
height:10px;
margin:0px 0px 0px;

}
div#site div#services div#banniers img#logo{
width:231px;
height:123px;
margin:0px 0px 0px;
}

div#site div#banniers div#news{
width:190px; 
height:260px; 
float:left; 
background: url(../images/arr.jpg) no-repeat scroll; 
margin:10px 0px 0px 20px; 
padding:20px 0px 0px;
}
div#site div#banniers div#img_inscription{
background:url(../images/acces_index.jpg) scroll no-repeat;
width:190px; 
height:150px; 
float:left;  
margin:32px 0px 0px 20px; 
padding:0px 0px 0px;
}

div#site div#banniers ul{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:9px;
margin:0px 0px 0px 0px;
padding:6px;
display:block;
width:170px;
}

div#site div#services div#des div#design{
width:294px;
height:350px;
margin:30px 0px 0px 0px;
padding:0px;
float:left;
}

div#site div#services div#des div#multimedia{
width:272px;
height:350px;
margin:30px 0px 0px 0px;
padding:0px 0px 0px 0px;
float:right;

}
div#site div#services div#des div#animation{
margin:0px;
padding:0px;
width:568px;
clear:both;
height:260px;
}
div#site div#services div#des div#multimedia img#fil3{
width:270px;
padding:0px ;
height:10px;
margin:0px 0px 0px;
}
div#site div#services div#des div#design div#editorial{
margin:0px;
padding:0px 0px 0px 0px;
width:292px;
height:280px;
}
div#site div#services div#des div#design div#editorial ul li{
width:80px;
margin:0px;
padding:0px 0px 0px 0px;
display: block;
float:left;
}
div#site div#services div#des div#design div#editorial ul li#dite{
width:145px;
margin:0px;
padding:0px 0px 0px 8px;
display: block;
float:left;
}
div#site div#services div#des div#multimedia ul li{
width:200px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
display: block;
float:left;
}
div#site div#services div#des div#multimedia div#programme{
width:230px;
height:210px;
margin:0px;
padding:20px 0px 0px 10px;
}
div#site div#services div#des div#multimedia a, a:visited{
	color:#FF0000;
	text-decoration:none;	
}
div#site div#services div#des div#animation div#objet{
width:290px;
height:232px;
float:left;
border:solid 1px #ddd;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
div#site div#services div#des div#animation div#objet2{
width:220px;
height:230px;
float:right;
margin:0px 0px 0px 10px;
padding:0px 30px 0px 0px;
}
div#site div#services div#des div#design img#fil2{
width:294px;
padding:0px 0px 3px 0px;
height:10px;
margin:0px 0px 0px;
}
.titre{
font-size:9px; 
color: #FF0000;
font-weight:bold;
}
marquee{
margin:0px; 
padding:0px; 
width:190px; 
height:270px;
}
ul{
list-style-image:none;
list-style-type:none;
list-style-position: outside;
}

.titre_1{
font-size:12px;
color:#9f9fba;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
font-weight:bold;
}
.titre_2{
font-size:14px;
color:#0188CC;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:20px;

}

.text_vert{
font-size:9px;
color:#b9d822;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.text_noir_b{
font-size:9px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}
.text_noir{
font-size:9px;
height:50px;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.text_gris{
font-size:9px;
text-align:justify;
color:#b2b2b2;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*----------------------------------------------------------------------------------*/

div#site div#footer{

	width:100%;
	height:40px;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	clear:both;
	background:#FFFFFF;
}
div#site div#footer ul{
 background:#000000;
	margin:8px 0px 0px 0px;
	padding:0;
	float:left;
	width:850px;
}
 div#site div#footer ul li{
	padding:0pt 0px 0pt 0pt;
	display:inline;
    color: #FFFFFF;
	font-size:10px;
}

div#site  div#footer ul li a {
	color: #FFFFFF;
	text-decoration:none;
	padding:0px 0px 0px 5px;
	
}
div#site div#footer span {
    margin:0px 0px 0px 0px;
	line-height:20px;
	height:30px;
	font-size:10px;
	vertical-align:middle;
	color:#5C5C5C;
}
 
 div#site div#footer b.webaz {
	color:#5C5C5C;
	line-height:20px;
	height:20px;
	font-size:10px;
	text-align:right;
	vertical-align:middle;
}

div#site div#footer ul li a:hover,div#footer ul li a.selected {
	color: #FFFFFF;
	
}

.points{
 background: url(../images/rond.jpg) scroll repeat-x top;
 width:208px; 
 height:5px; 
 display:block; 
 margin:0px 0px 0px 0px;
}
.points_edit{
 background: url(../images/rond.jpg)scroll repeat-x top; 
 width:135px; 
 height:5px; 
 display:block; 
 margin:0px 0px 0px 0px;
}





