/*//////////////////////*/
/* Mise en page global */
/*////////////////////*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	/*background-color: #FF9900;*/
	background-color: #333333;
}
.accueil {
	background: url(graf/bg_accueil.gif) repeat;
}
.pages {
	background: url(graf/bg_page.gif) repeat;
}
* {margin:0; padding:0}
 
#cadre {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	width: 1000px;
	height: 781px;
	/*background-color: #9999CC;*/
}	
/*////////////*/
/* Menu haut */
/*//////////*/
.titre{
	margin-left:380px;
	margin-top:92px;
	letter-spacing:2px;
}
.sous-titre{
	/*margin-left:427px;*/
	margin-left:473px;
	margin-top:5px;
	font-weight:lighter;
	letter-spacing:2px;
}
#menu{
	position:absolute;
	hight: 40px;
	margin-left:0px;
	margin-top:0px;
	width:410px;
	font-size:11px;
	/*background-color: #99CCFF;*/
}
.gd_trait{
	float:left;
	margin-top:0px;
	margin-left: 0px;
	padding-right:16px;
}
.pt_trait{
	float:left;
	margin-top:0px;
	padding-left:16px;
	padding-right:16px;
}

#projet {
	float:left;
	margin-left:0px;
	margin-top:24px;
	font-size:11px;
}
#agence {
	float:left;
	margin-left: 0px;
	margin-top:24px;
	font-size:11px;
}
#enseignement {
	float:left;
	margin-left: 0px;
	margin-top:24px;
	font-size:11px;
}
#publications {
	float:left;
	margin-left: 0px;
	margin-top:24px;
	font-size:11px;
}
#contact {
	float:left;
	margin-left: 0px;
	margin-top:24px;
	font-size:11px;
}
/*///////////////*/
/* SOUS MENU    */
/*/////////////*/
#menu-projets{
	position:relative;
	left:0px;
	top:40px;
	padding-top:15px;
	list-style:none;
	font-size:10px;
	width: 110px;
	line-height: 15px;
}
#menu-agence {
	position:relative;
	left:65px;
	top:40px;
	padding-top:15px;
	list-style:none;
	font-size:10px;
	width: 100px;
	line-height: 15px;
}
#menu-enseignement {
	position:relative;
	left:135px;
	top:40px;
	padding-top:15px;
	list-style:none;
	font-size:10px;
	width: 150px;
	line-height: 15px;
}
#menu-publications {
	position:relative;
	left:235px;
	top:40px;
	padding-top:15px;
	list-style:none;
	font-size:10px;
	width: 120px;
	line-height: 15px;
}
/*.select {
	color:#00c1b1;
}*/
/*//////////////*/
/*  LES BLOCS  */
/*////////////*/
#haut{
	top:0px;
	height:180px;
	width: 1000px;
	background-color: #333333;
	/*background-color: #FFFFCC;*/
}
#haut_g{
	float:left;
	top:0px;
	width: 568px;
	hight: 128px;
	background-image: url(graf/gd_trait.gif);
	background-repeat: no-repeat;
	background-position: right top;
	/*background-color: #FFFFCC;*/
}
#haut_d{
	float:left;
	margin-left:16px;
	top:0px;
	hight: 180px;
	width: 416px;
	/*background-color: #0066FF;*/
}
#centre{
	height: 389px;
	/*background-color: #FFFF00;*/
	background-color: #414141;
}
#bloc_gauche{
	position:relative;
	float: left;
	width: 568px;
	height: 389px;
	/*background-color: #9999CC;*/
}
#bloc_droit{
	position:relative;
	float: left;
	width: 432px;
	height: 389px;
	/*background-color: #669900;*/
}
#titre_page {
	position:relative;
	height: 20px;
	width: 400px;
	margin-top: 15px;
	margin-left: 25px;
	/*background-color: #996699;*/
}
#contenu{
	position:relative;
	height: 319px;
	width: 407px;
	margin-top: 0px;
	margin-left: 25px;
	background-color: #414141;
	/*background-color: #FFCC00;*/
}
#contenu2{
	position:relative;
	height: 300px;
	width: 407px;
	margin-top: 0px;
	margin-left: 25px;
	background-color: #414141;
	/*background-color: #FFCC00;*/
}


#texte_projet{
	position:relative;
	width: 385px;
	line-height: 17px;
	text-align: justify;
}
.texte_projet{
	line-height: 17px;
	text-align: justify;
}
#txt_theme{
	margin-left: 25px;
	height: 70px;
	width: 395px;
	top: 0px;
	/*background-color: #006699;*/
}
#contenu_theme{
	position:relative;
	height: 299px;
	width: 405px;
	margin-top:20px;
	margin-left: 25px;
	line-height: 17px;
	text-align: justify;
	/*background-color: #FF3366;*/	
}
#contenu_theme1{
	position:relative;
	height: 229px;
	width: 405px;
	margin-top:0px;
	margin-left: 25px;
	/*background-color: #FF3366;*/	
}
#contenu_theme2{
	position:relative;
	height: 299px;
	width: 405px;
	margin-top: 20px;
	margin-left: 25px;
	/*background-color: #FF3366;*/	
}
#liste_theme{
	height: 299px;
	width: 405px;
	top: 35px;
	margin-top:20px;
	margin-left: 25px;	
	/*background-color: #FF3366;*/	
}
#theme-legende{
	height: 30px;
	width: 405px;
	margin-left: 25px;
	background-color: #006699;	
}

#nom_projet{
	height: 20px;
	margin-left: 25px;
	/*background-color: #335566;*/
}
#bas_contenu{
	position:relative;
	height: 60px;
	margin-top: 13px;
	margin-left: 16px;
}
#gauche{
	position: relative;
	margin-top: 180px;
	margin-left: 0px;
	width: 568px;
	height: 389px;
	background-image: url(graf/fond_gris.gif);
	background-repeat: no-repeat;
}
/*////////////////////*/
/*...PHOTOS....//////*/
/*...LEGENDES...////*/
/*/////////////////*/

#grande_photo{
	position: absolute;
	right: 0px;
	top: 0px;
}
.photo_moyen2{
	height: 140px;
	width: 129px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}
.photo_moyen{
	height: 89px;
	margin-right: 5px;
	margin-top: 10px;
	float: left;
}
.photo_reportage{
	height: 90px;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 0px;
	float: right;
	/*background-color: #996666;*/
}
#contenu_reportage{
	margin-left: 25px;
	height: 230px;
	width: 395px;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 17px;
	text-align: justify;
	/*background-color: #FF3366;*/	
}
.photo_1theme{
	height: 65px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 5px;
	float: left;
}

#cadre_vignettes{
	position:absolute;
	top: 569px;
	height: 110px;
	left: 568px;
	width: 424px;
	/*background-color: #FF99FF;*/
}
.txt-droit{
	font-size: 10px;
	margin-top: 7px;
	margin-left: 300px;
	color:#00c1b1;
}
.leg{
	padding-top: 3px;
	font-size: 10px;
	line-height: 11px;
	color: #c6c6c6;
	text-align: left;
}
#leg_photo{
	margin-left: 25px;
	margin-bottom: 10px;
	height: 50px;
	width: 395px;
	top: 0px;
	font-size: 10px;
	color: #c6c6c6;
	/*background-color: #006699;*/
}

.leg-theme{
	position:absolute;
	text-align: left;
	font-size: 10px;
	color: #00c1b1;
	padding-top:8px;
}
#theme-legende2{
	margin-left: 25px;
	margin-top:22px;
	height: 31px;
	width: 407px;
/*background-color: #996699;*/	
}	
#gdes_fleches2{
	height: 31px;
	width: 407px;
	margin-left: 25px;
	margin-top:22px;
	/*background-color: #990099;*/
}
.vignette{
	margin-left: 2px;
	margin-top: 10px;
	float: left;
	/*background-color:#333333;*/
	background-color:#FF3366;
	
}
.left{float:left}	

/*////////////////////*/
/*...CONTENU...//////*/
/*...TEXTE......////*/
/*/////////////////*/

#txt_theme{
	margin-left: 25px;
	margin-top: 20px;
	height: 70px;
	width: 395px;
	top: 0px;
	font-size: 10px;
	color: #c6c6c6;
	/*background-color: #006699;*/
}
#texte_theme{
	margin-top: 0px;
	position:relative;
	width: : 385px;
	line-height: 17px;
	text-align: justify;
}
#technique{
	position:absolute;
	height: 110px;
	width: 407px;
	top: 205px;
	left:0px;
	padding-top: 10px;
	/*background-color: #006699;*/	
}
.txt_technique{
	font-size: 10px;
	color: #c6c6c6;
}
.titre_technique{
	width: 432px;
	font-size: 9px;
	color: #ffffff;
}
#adresse{
	margin-left: 35px;
	margin-top: 250px;
}
	
	
	
/*//////////////////////////*/
/*///   FLECHES ET     ////*/
/*//  ESPACES FLECHES ////*/
/*///////////////////////*/

#gdes_fleches{
	height: 31px;
	width: 407px;
	margin-left: 25px;
	padding-top: 4px;
	/*background-color: #990099;*/
}

#fl_g{
	float: left;
	width: 30px;
	height: 27px;
	/*background-color: #449955;*/
}
#fl_centre{
	float: left;
	width: 209px;
	/*width: 347px;*/
	height: 27px;
	left: 0px;
	/*background-color: #996699;*/
}
#fl_centre2{
	float: left;
	width: 138px;
	height: 27px;
	/*background-color: #364890;*/
}	
#fl_centre3{
	float: left;
	width:347px;
	height: 27px;
	left: 0px;
	/*background-color: #364890;*/
}	
#fl_d{
	float: left;
	width: 30px;
	height: 27px;
	/*background-color: #99FF66;*/
}
#fl_d2{
	float: left;
	width: 30px;
	height: 31px;
	/*background-color: #99FF66;*/
}
#fl_vignette_g{
	position:absolute;
	top: 579px;
	height: 100px;
	left: 552px;
	width: 12px;
	/*background-color: #FF99FF;*/
}
#fl_vignette_d{
	position:absolute;
	top: 579px;
	height: 100px;
	left: 990px;
	width: 12px;
	/*background-color: #FF99FF;*/
}

/*//////////////*/
/*  LE SCROLL  */
/*////////////*/
#divUp   {
	position:absolute;
	left:400px;
	width: 8px;
	height: 60px;
	/*background-color: #9999FF;*/
}
#divDown {
	position:absolute;
	left:400px;
	width: 8px;
	height: 60px;
	/*background-color: #9999FF;*/
}
#scroll{
	position:absolute;
	left:0px;
	top:0px;
	width:407px;
	height:205px;
	background-color: #414141;
	/*background-color: #FF3366;*/
}
#divScrollTextCont {
	position:absolute;
	top:0px;
	left:0px;
	width:385px;
	height:205px;
	clip:rect(0px 385px 205px 0px);
	overflow:hidden;
	visibility:hidden;
	background-color: #414141;
}
#divText {
	position:absolute;
	left:0px;
	top:0px;	
} 


/*///////////*/
/*    BAS   */
/*/////////*/

.marght-13{
	margin-top: 13px;
}

#credit{
	position:absolute;
	width: 1000px;
	top:679px;
	height:61px;
	background:  url(graf/fond_bas.gif) no-repeat;
	/*background-color: #FF3366;*/
}
.legal{
	font-size:10px;
	color: #FFFFFF;
	margin-left:267px;
	margin-top: 4px;
}
.legal2{
	font-size:10px;
	color: #FFFFFF;
	margin-left:214px;
	margin-top: 4px;
}
.ftp{
	font-size:10px;
	color: #FFFFFF;
	margin-left:4px;
	margin-top: 4px;
}
/*////////////*/
/*  TEXTES   */
/*//////////*/
h1{
	font-size: 13px;
	color: #FFFFFF;
}
h2 {
	/*architectes*/
	font-size: 13px;
	color: #FFFFFF;
}
h3 {
	/*titre page*/
	font-size: 11px;
	font-weight: bold;
	color: #00c1b1;
	letter-spacing:0.2em;
	text-align: left;
}
h4 {
	/*sous-titre page*/
	font-size: 10px;
	color: #00c1b1;
	text-align: left;
}
h5 {
	/*titre texte*/
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
}
p {
	/*texte*/
	font-size: 11px;
	color: #ffffff;
	text-align: justify;
}
.liste{
	list-style-position: inside;
	list-style-image: url(graf/rond_vert3.gif);
	font-size: 11px;
	color: #ffffff;
	line-height: 17px;
}
.douze{
font-size: 12px;
}
.decale{
padding-left:15px;
}
.decale30{
padding-left:30px;
}
.decale50{
padding-left:50px;
}
.black{ 
	color: #000000;
}
.vert10{
	color: #00c1b1;
	font-size: 10px;
}
.gris{
	color: #c6c6c6;
}
.grasgris{
	color: #c6c6c6;
	font-weight: bold;
}
.gras{
	font-weight: bold;
}
.dix{
	font-size: 10px;
}
.gras10{
	font-size: 10px;
	font-weight: bold;
}
/*///////////*/
/*  LIENS */
/*/////////*/

A:link { color:#ffffff;text-decoration: none;}
A:visited { color:#ffffff;text-decoration: none;}
A:hover { color:#00c1b1;text-decoration: none;}
A.titre_blc:link { color:#ffffff;text-decoration: none;}
A.titre_blc:visited { color:#ffffff;text-decoration: none;}
A.titre_blc:hover { color:#ffffff;text-decoration: none;}

A.selected:link {  st;text-decoration: none;}
A.selected:visited { color:#00c1b1;text-decoration: none;}
A.selected:hover { color:#00c1b1;text-decoration: none;}