/* ################################# */
/* # Balises HTML classiques # */
/* ################################# */
BODY
{
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
	font-size: 12px;
	color: black;
	background-color: #203485;
}

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


TABLE
{
	border: 0px;
	font-size: 12px;
}

img
{
	border: 0px;
	display: inline;
}

a:link, a:visited
{
	text-decoration:none;
	color: gray;
	font-weight: normal;
}

a:hover
{
	color: black;
	font-weight: normal;
}


h1
{
	color: #203584;
	font-size: 18px;
	text-align: left;
}

h2
{
	color: #203584;
	font-size: 16px;
	text-align: left;
}

/* ################################# */
/* # Mise en forme des blocs principaux # */
/* Le contenu et contenu_menu sont identiques, seule l'image de fond change. */
/* Ces div sont appelés par un script php en fonction de la page où l'on se trouve ce qui permet de faire changer l'image de fond.*/
/* Les bloc contenu_texte et contenu_menu_texte permettent de placer une marge interne au bloc inférieur.*/
/* Le bloc texte est unique c'est dans ce bloc que viendra se rajouter tout le texte contenu du site*/
/* ################################# */

#contenu
{
	background-image: url(../images/fond_contenu.jpg);
	width: 730px;
	height: 408px;
	border: 1px solid #203584;
}

#contenu_texte
{
	background-image: url(../images/fond_contenu.jpg);
	background-repeat: repeat-y;
	width: 730px;
	position: relative;
}

#contenu_menu
{
	background-image: url(../images/fond_menu.jpg);
	width: 730px;
	height: 408px;
	border: 1px solid #203584;
}

#contenu_menu_texte
{
	background-image: url(../images/fond_menu.jpg);
	background-repeat: repeat-y;
	width: 730px;
	position: relative;
	display: block;
}

#texte
{
	text-align: justify;
	width: 700px;
	margin: 15px;
	position: relative;
}

/* ################################# */
/* # Nautile de fond en flash (permet de conserver la transparence) placé avec le contenu général # */
/* ################################# */

#nautile_transparent
{
	top: -1px;
	left: 2px;
	position: relative;
}

/* ################################# */
/* # Affichage des news # */
/* ################################# */

#news_bloc
{
	width: 580px;
	position: relative;
}

#news_top
{
	width: 580px;
	height: 14px;
	top: 4px;
	position: relative;
}

#news_midd
{
	width: 580px;
	position: relative;
}

#news_foot
{
	width: 580px;
	height: 24px;
	text-align: right;
	position: relative;
}

#news_pages
{
	width: 580px;
	height: 24px;
	background-image: url(../images/news_img_page.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#news_pages_text
{
	top: 4px;
	position: relative;
}

#th_news
{
	text-decoration: underline;
}

#img_news_suite
{
	border-right: 33px solid white;
}

#img_ref_border
{
	border-right: 75px solid white;
}

#img_news_border
{
	border-right: 33px solid white;
}

/* ################################# */
/* # Menu sous la bannière # */
/* Bloc DIV placé sous la bannière avec les roll over en css sur le texte*/
/* ################################# */

#text_menu
{
	text-align: right;
	font-size: 13px;
	color: #203584;
	font-weight: bold;
}

#text_menu a
{
	text-align: right;
	font-size: 13px;
	color: #203584;
	font-weight: bold;
}

#text_menu a:hover
{
	color: #C02D2D;
	font-weight: bold;
	text-decoration: underline overline;
}

/* ################################# */
/* # Copyright bas de page # */
/* ################################# */

#text_footer
{
	color: #DADADA;
	font-size: 10px;
	text-align: right;
}

#text_footer a
{
	color: #DADADA;
	text-align: right;
}

#text_footer a:hover
{
	color: white;
	text-align: right;
	background-color: #4D62A1;
	text-decoration: underline overline;
}

/* ################################# */
/* # logo # */
/* # Slogan # */
/* # Photos de la bannière, permettant de les espacer# */
/* # Choix version FR/UK # */
/* ################################# */
#logo
{
	top:2px;
	right: 25px;
	position: relative;
}

#text_slogan
{
	font-size: 13px;
	color: #203584;
	font-weight: bold;
}

#tableau_photo_real_top
{
	top: -1px;
	position: relative;
}

#photo_ban
{
	border: 1px solid white;
}

#text_version
{
	color: black;
	text-align: right;
	font-weight: bold;
}

/* ################################# */
/* # Partie du menu avec la virgule et rollover sur le polaroide # */
/* ################################# */
#bloc_menu_interne
{
	top: 30px;
	left: 50px;
	position: absolute;
}

#virgule
{
	top: 30px;
	left: 10px;
	position: absolute;
}


#bloc_actu
{
	top: 50px;
	left: 100px;
	position: absolute;
}

#bloc_projets
{
	top: 100px;
	left: 115px;
	position: absolute;
}

#bloc_real
{
	top: 150px;
	left: 125px;
	position: absolute;
}

#bloc_projets_rouge
{
	top: 100px;
	left: 115px;
	position: absolute;
	color: #C02D2D;
	font-weight: bold;
}

#bloc_projets_rouge a
{
	color: #C02D2D;
	font-weight: bold;
	text-decoration: underline;
}

#bloc_real_rouge
{
	top: 150px;
	left: 125px;
	position: absolute;
	color: #C02D2D;
	font-weight: bold;
}

#bloc_real_rouge a
{
	color: #C02D2D;
	font-weight: bold;
	text-decoration: underline;
}

#bloc_agence
{
	top: 200px;
	left: 115px;
	position: absolute;
	width: 90px;
	text-align: left;
}

#bloc_agence_rouge
{
	top: 200px;
	left: 115px;
	position: absolute;
	color: #C02D2D;
	width: 90px;
	font-weight: bold;
	text-align: left;
}

#bloc_agence_rouge a
{
	color: #C02D2D;
	font-weight: bold;
	text-decoration: underline;
}

#bloc_contact
{
	top: 250px;
	left: 100px;
	position: absolute;
}

#polaroide
{
	border: 4px solid white;
}

/* ################################# */
/* # Choix du type de réalisation/batiments + rollover # */
/* ################################# */
#bloc_real_choix a
{
	color: gray;
	font-weight: bold;
}

#bloc_real_choix a:hover
{
	color: #C02D2D;
	font-weight: bold;
	cursor: pointer;
}

#choix_real_type a:hover
{
	color: #C02D2D;
	text-decoration: underline;
}

#text_choix_type_bat
{
	top: -40px;
	left: 80px;
	width: 260px;
	position: relative;
}

#img_real_big
{
	width: 260px;
	height: 134px;
	position: relative;
}

/* ################################# */
/* # Introduction en FLASH # */
/* ################################# */

#intro_flash
{
	font-size: 10px;
	color: white;
	background-color: white;
	border: 1px dashed black;
	position: relative;
}

#intro_flash a
{
	color: #203584;
	
}

#intro_flash a:hover
{
	color:black;
	background-color: #EFEEEE;
}

/* ################################# */
/* # Mise en forme rapide # */
/* ################################# */

#tb1
{
	height: 20px;
	position: relative;
	background-color: #EFEEEE;
}

#tb2
{
	height: 20px;
	position: relative;
	background-color: white;
}

#center
{
	text-align: center;
}

#right
{
	text-align: right;
}

#left
{
	text-align: left;
}

#justify
{
	text-align: justify;
}

#paddingleft
{
	padding: 10px;
}

#gray
{
	color: gray;
}

#italic
{
	font-style: italic;
}

#rouge
{
	color: #C02D2D;
}

#gras
{
	font-weight: bold;
}

#rougegras
{
	color: #C02D2D;
	font-weight: bold;
}

#bleu
{
	color: #203485;
}

#bleugras
{
	color: #203485;
	font-weight: bold;
}

#verdana
{
	font-family: Verdana;
	font-size: 10px;
}

/* ################################# */
/* # Autres IDs divers # */
/* ################################# */

#credit_adresseiut
{
	width: 340px;
	background-color: #EFEEEE;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}

#credit_acteurs
{
	width: 340px;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}

#readmore
{
	color: #182D7E;
}

#img_associe
{
	border: 1px solid black;
}

#panneau_admin a:hover
{
	text-decoration: underline overline;
}

#tableau_pages_news
{
	left: 0px;
	top: 345px;
	position: absolute;
}

#help
{
	border-bottom: 1px dotted gray;
	cursor: help;
}