/* Document CSS */

html,body { /*contient sur accueil l'image de fond qui se répète*/
position:relative;
height:100%;
background-color:#6B6158;
background-image:url(architecte-toulouse-enzo-rosso/fond-ecran.gif);
background-position:center;
background-repeat:repeat-y;
margin:0px;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.texte {
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#contenant { /*table contient sur accueil : anim flash, contenu (agence.gif + actus), nav-bas*/ 
position:relative;
display:table;
width:100%;
height:100%;
margin:0px;
padding:0px;
text-align:center;
}
.droite {
	margin:0px 0px 0px 10px;
	float:right;
	position:relative;
	}
object.accueil { 
position:relative;
margin:0px auto 0px auto;
padding:0px;
}
#page { /*bloc qui contient la partie haute des pages*/ 
position:relative;
width:994px;
height:443px;
margin:0px auto 0px auto;
padding:0px;
background-image:url(architecte-toulouse-enzo-rosso/fond-page.gif);
background-repeat:no-repeat;
background-position:14px 0px ;
border-top:1px solid #000000;
}

#contenu { /*contient img.agence et les actus*/
width:994px;
margin:0px auto 0px auto;
padding:0px;
background-image:url(architecte-toulouse-enzo-rosso/fond-contenu.gif);
background-repeat:repeat-y;
background-position:top left;
position:relative;
}

img.gauche { /*float left*/
position:relative;
margin:0px 0px 0px 1px;
padding:0px;
float:left;
}

#actus { /*contient les actus pages d'accueil*/
position:relative;
width:691px;
margin:0px 1px 0px 0px;
padding:0px;
text-align:right;
float:right;
}

#actus-methode{ /*contient la page methode en bas*/
position:relative;
background-image:url(architecte-toulouse-enzo-rosso/fd-methode.jpg);
background-position: bottom right;
background-repeat:no-repeat;
width:691px;
margin:0px 1px 0px 0px;
padding:0px;
text-align:right;
float:right;
}

.actus-pages-titre { /*contient le titre des pages*/
position:relative;
margin:0px 0px 0px 10px;
padding:0px;
text-align:left;
float:left;
color:#C7C3BB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
}

.actus-pages-texte { /*contient le texte des pages*/
position:relative;
margin:5px 0px 0px 10px;
padding:0px;
text-align:left;
float:left;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
}

#actus h1 { /*titre des actus*/
position:relative;
margin:0px 5px 0px 0px;
padding:0px;
font-size:11px;
font-weight:bold;
letter-spacing:0.2em;
color:#CECECE;
}

#actus h2 { /*date des actus*/
position:relative;
margin:0px 10px 0px 0px;
padding:0px;
font-size:10px;
font-weight:bold;
color:#4F4841;
}

#actus p { /*texte des actus*/
position:relative;
width:450px;
margin:0px 10px 10px auto;
padding:0px;
font-size:10px;
font-weight:normal;
color:#DAD9D9;
}

#nav-bas { /*navigation basse*/
position:relative;
width:100%;
height:16px;
margin:0px;
padding:0px;
background-image:url(architecte-toulouse-enzo-rosso/bandeau-bas.gif);
background-position: top center;
background-repeat:no-repeat;
font-size:10px;
text-align:center;
font-weight:normal;
color:#DAD9D9;
}

#nav-bas p {
position:relative;
margin:0px auto 0px auto; 
padding:0px;
width:994px;
text-align:left;
font-size:10px;
font-weight:normal;
}

#nav-bas p a { /*navigation basse*/
position:relative;
text-decoration:none;
font-size:10px;
font-weight:normal;
color:#9B9283;
}

#nav-bas p span a { /*arttech*/
position:relative;
text-decoration:none;
font-size:10px;
font-weight:normal;
color:#60574F;
}

#nav-bas p a:hover {
position:relative;
text-decoration:none;
font-size:10px;
font-weight:normal;
color:#CCCCCC;
}

#nav-bas p span a:hover {
position:relative;
text-decoration:none;
font-size:10px;
font-weight:normal;
color:#CCCCCC;
}

#navigation { 
position:relative;
float:left;
width:290px;
height:381px;
margin:0px 0px 0px 43px;
padding:0px;
text-align:left;

}

#navigation ul {
position:relative;
width:130px;
margin:20px 0px 0px 0px;
padding:0px;
text-align:right;
list-style-type:none;
float:left;
}

#navigation li {
margin:0px 0px 3px 0px;
padding:0px;
position:relative;
}

#navigation p {
margin:25px 0px 0px 30px;
width:130px;
padding:0px;
position:relative;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#FCB562;
}

#navigation p span a {
position:relative;
text-decoration:none;
color:#F79016;
}

#navigation p a {
position:relative;
width:150px;
text-decoration:none;
color:#FCB562;
}

#navigation p a:hover {
position:relative;
text-decoration:none;
color:#F79016;
}

#navigation li a {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#AFA595;
margin:0px;
padding:0px;
text-decoration:none;
}

#navigation li a:hover {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#F79016;
margin:0px;
padding:0px;
text-decoration:none;
}

#navigation li span a {
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#F79016;
margin:0px;
padding:0px;
text-decoration:none;
}

#photos {
position:relative;
margin:0px;
padding:0px;
width:540px;
float:right;
}

#photos p {
position:relative;
margin:80px 10px 50px 10px;
padding:0px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
}


#photos p a {
position:relative;
color:#B59D3C;
font-size:11px;
font-weight:bold;
}

#photos p a:hover {
position:relative;
color:#8D8475;
font-size:11px;
font-weight:bold;
}

.separation { /*hr invisible*/
clear:both;
visibility:hidden;
height:1px;
border:none;
margin:0px;
padding:0px;
}

.lien { /*lien*/
margin:0px;
padding:0px;
text-decoration:underline;
color:#333333;
}

.lien:hover { /*lien*/
color:#ACACAC;
}

#doc { /*explications interface doc*/
	position:relative;
	margin:0px;
	padding:0px;
	width:540px;
	float:right;
	height:390px;
	font-size:11px;
	color:#AFA595;
	text-align:left;
	}
.bouton {
	margin:10px 0px 10px 5px;
	}
#doc h1 {/*orange*/
	margin:10px 5px 10px 20px;
	font-size:11px;
	color:#F79016;
	padding:0px;
	font-weight:bold;
	text-align:left;
	}
#doc h2 {/*jaune*/
	margin:10px 5px 10px 20px;
	font-size:11px;
	color:#ECDB6E;
	padding:0px;
	font-weight:bold;
	text-align:left;
	}
#doc h3 {/*gris bleu*/
	margin:10px 5px 10px 20px;
	font-size:11px;
	color:#AFB8BF;
	padding:0px;
	font-weight:bold;
	text-align:left;
	}
#doc h4 { /*rose*/
	margin:10px 5px 10px 20px;
	font-size:11px;
	color:#FF507D;
	padding:0px;
	font-weight:bold;
	text-align:left;
	}
#doc h5 { /*blanc*/
	margin:10px 5px 10px 20px;
	font-size:11px;
	color:#FFFFFF;
	padding:0px;
	font-weight:bold;
	text-align:left;
	}
#doc p {
	margin:5px 5px 5px 20px;
	padding:0px;
	}
#doc table {
	color:#FFFFFF;
	font-size:11px;
	}
#doc table font{
	color:#FFFFFF;
	font-size:11px;
	}
#sdoc {/*iframe*/
	width:538px;
	height:320px;
	margin:0px 0px 0px 1px;
	}
#sproj {/*iframe*/
	width:538px;
	height:320px;
	margin:0px 0px 0px 1px;
	}
	
#sactus {/*iframe*/
	width:538px;
	height:376px;
	margin:0px 0px 0px 1px;
	}
#liste-doc { /*vue contenant les docs*/
	position:relative;
	width:691px;
	margin:0px 1px 0px 0px;
	padding:0px;
	text-align:left;
	float:right;
	}
#liste-doc h2 {/*aucun document trouvé*/
	background-image:url(architecte-toulouse-enzo-rosso/aucun-document.gif);
	margin:0px 5px 0px 20px;
	height:26px;
	width:218px;
	color:#8D8475;
	font-size:10px;
	}
#liste-doc h1 {/*nom du projet*/
	margin:5px 5px 5px 20px;
	background-color:#847B6D;
	font-size:11px;
	color:#ECDB6E;
	padding:0px;
	font-weight:normal;
	}
#liste-doc p { /*titre des doc*/
	position:relative;
	margin:0px 5px 0px 20px;
	padding:0px;
	color:#4F4841;
	font-size:10px;
	line-height:18px;
	}
#liste-doc a {
	font-size:11px;
	font-weight:bold;
	color:#CECECE;
	}
#liste-doc a:hover {
	font-size:11px;
	font-weight:bold;
	color:#F79016;
	}
#plop { /*texte clignotant*/
        text-decoration: blink;
 }

a#projet {
	font-size:11px;
	font-weight:bold;
	color:#CECECE;
	}
a:hover#projet {
	font-size:11px;
	font-weight:bold;
	color:#ECDB6E;
	}
a#reception {
	font-size:11px;
	font-weight:bold;
	color:#CECECE;
	}
a:hover#reception {
	font-size:11px;
	font-weight:bold;
	color:#9CBAD3;
	}

#liste-doc img { 
position:relative;
margin:0px 5px 0px 5px;
float:right;
}
#liste-doc span img { 
position:relative;
margin:0px 5px 10px 20px;
float:none;
}
.table {
position:relative;
margin:0px 0px 0px 20px;
padding:0px;
font-size:11px;
color:#CECECE;
}
.table-titre {
position:relative;
margin:0px 0px 0px 20px;
padding:0px;
font-size:11px;
font-weight:bold;
letter-spacing:0.2em;
color:#CECECE;
}
.table-date {
position:relative;
margin:0px 0px 0px 20px;
padding:0px;
font-size:10px;
font-weight:bold;
color:#4F4841;
}

#bulle {
position:relative;
margin:5px 0px 0px 10px;
padding:0px;
text-align:left;
float:left;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
z-index:1;
visibility:hidden;
}

#bulle a {
position:relative;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#bulle a:hover {
position:relative;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

