/*************   General   **************/
html 
{
	font-size : 75%;
	font-family : Tahoma, Helvetica, Arial, sans-serif;
	color : #233e81;
	border : 0px red solid;
}
body 
{
	width : 900px;
	margin : auto; 
	text-align: center;
	background : url(img/fond.png) #fff top center no-repeat fixed;
	border : 0px red solid;
}

/******************          BLOC CENTRAL            **************/
#conteneur 
{
	width: 800px;
	margin: 0 auto;
	/* position: relative; */
	/*overflow: auto;*/
	border : 0px red solid;
}

/******************          BANNIERE            **************/
/* Entete de la page */
#top
{
	width : 800px;
	height : 175px;
	padding-top : 20px;
	border : 0px red solid;
}
#top p /* titre et soustitre du site */
{
	padding-left: 70px;
	text-align : left;
}
/* Titre du site */
.titresite
{
	font-size:30px;
}
/* Description du site */
.descriptionsite
{
	font-size:18px;
}

/******************          CORPS ET CONTENU            **************/
/* Corps de la page */
#corps
{
	padding-bottom : 20px; /* marge en bas */
	text-align : left;
	border : 0px red solid;
}
/* Contenu (affichage des articles, texte de l'accueil etc)  */
#contenu
{
	float : right;
	width : 620px;
	padding : 5px;
	padding-top:20px;
	border : 0px red solid;
}
/* Tableau contenant le message de bienvenue  */
#contenu .bienvenue
{
	margin:auto;
	padding : 0px;
	border : 0px #fff solid;
	width : 95%;
	height: 150px;
	background : url(img/fond_bienvenue.png) top center repeat-x;
	
}
/* Titre du tableau contenant le message de bienvenue  */
#contenu .bth
{
	color : #fff;
}
/* Cellule du tableau contenant le message de bienvenue  */
#contenu .btd
{
	height: 100%;
	padding: 10px 5px 5px 5px;
	text-align: left;
}
/* Tableau contenant les deux boites */
#contenu .duoBox
{
	margin:auto;
	padding : 0px;
	border : 0px #fff solid;
	width : 95%;
	height: 150px;
}
/* Boite d'images de la galerie défilantes  et de la dernière réalisation */
#contenu .galerieBox, #contenu .reaBox
{
	width : 45%;
	height: 100%;
	padding:10px;
	text-align: center;
	background : url(img/fond_bloc_1.png) center repeat-x;
}
/* Espace entre les deux boites */
#contenu .interspaceBox
{
	width : 10%;
	height: 100%;
	padding:0px;
	text-align: left;
}
/* Images de la boite contenant la dernière réalisation  */
#contenu .reaBox img
{
	float : left;
	border : 1px #72b1cb solid;
	padding : 1px;
	margin : 3px;
}

/* ONGLETS */
/* Ligne des onglets */
#contenu .ligneOnglet
{
	width : 100%;
	color : #fff;
}
/* Onglet actif et inactif */
#contenu .ongletActif,#contenu .ongletInactif
{
	height : 25px;
	text-align : center;
}
/* Onglet actif */
#contenu .ongletActif
{
	background : url(img/fond_onglets.jpg);
}
/* Onglet actif */
#contenu .ongletInactif
{
	background : url(img/fond_onglets_inactifs.jpg);
}
/* Onglet actif  et inactif survolés*/
#contenu .ongletActif:hover, #contenu .ongletInactif:hover
{
	background : url(img/fond_onglets_survoles.jpg);
	cursor : pointer;
}

/* PAGE PRESENTATION */
#contenu .presentation
{
	background : url(img/fond_bloc_2.png) top center  repeat-x;
	border-collapse : collapse;
	border : 0px #fff solid;
	width : 620px;
}
/* Blocs */
#contenu .blocPrez
{
	padding : 4px;
	background : url(img/fond_bloc_2.png) top center  repeat-x;
}
/* Liens des blocs Présentation/Historique/Géographie */
#contenu .blocPrez a
{
	font-weight : bold;
	color : #2e93bd;
	text-decoration : none;
}
/* Images des blocs Présentation/Historique/Géographie */
#contenu .blocPrez img
{
	padding: 1px;
	margin: 3px;
	border: 1px solid #233e81;
}
/* Historique  */
#contenu table.quote
{
	width : 620px;
	border : 0px #fff solid;
	border-collapse : collapse;
}
#contenu .topquote
{
	background : url(img/haut-quote.png) no-repeat bottom left;
	height : 50px;
	padding-right : 20px;
	padding-top : 20px;
	text-align : center;
}
#contenu .contentquote
{
	background : url(img/contenu-quote.png);
	padding-left : 40px;
	padding-right : 55px;
	text-align : center;
}
#contenu .bottomquote
{
	background : url(img/bas-quote.png) no-repeat;
	padding-left : 45px;
	padding-right : 45px;
	height : 40px;
}

/* PAGE ACTIVITES */
/* onglets */
#contenu .activites
{
	width : 100%;
	color : #fff;
	border-collapse : collapse;
}
/* Blocs */
#contenu .blocActivites
{
	padding : 4px;
	background : url(img/fond_bloc_2.png) top center  repeat-x;
}
/* Liens des blocs Présentation/Historique/Géographie */
#contenu .blocActivites a
{
	font-weight : bold;
	color : #2e93bd;
	text-decoration : none;
}
/* Images des blocs Présentation/Historique/Géographie */
#contenu .blocActivites img
{
	padding: 1px;
	margin: 3px;
	border: 1px solid #233e81;
}
/* Images des blocs Présentation/Historique/Géographie */
#contenu .blocActivites li
{
	margin-left: 20px;
}

/* PAGE REALISATIONS */
/* onglets */
#contenu .realisations
{
	width : 100%;
	color : #fff;
	border-collapse : collapse;
}
/* Blocs */
#contenu .blocReas
{
	padding : 4px;
	background : url(img/fond_bloc_2.png) top center  repeat-x;
}
/* Liens des blocs Présentation/Historique/Géographie */
#contenu .blocReas a
{
	font-weight : bold;
	color : #2e93bd;
	text-decoration : none;
}
/* Images des blocs Présentation/Historique/Géographie */
#contenu .blocReas img
{
	padding: 1px;
	margin: 3px;
	border: 1px solid #233e81;
}
/* Images des blocs Présentation/Historique/Géographie */
#contenu .blocReas li
{
	margin-left: 20px;
}

/* PAGE RESSOURCES */
/* onglets */
#contenu .ressources
{
	width : 100%;
	color : #fff;
	border-collapse : collapse;
}
/* Blocs */
#contenu .blocRessources
{
	padding : 4px;
	background : url(img/fond_bloc_2.png) top center  repeat-x;
}
/* Liens des blocs Présentation/Historique/Géographie */
#contenu .blocRessources a
{
	font-weight : bold;
	color : #2e93bd;
	text-decoration : none;
}
/* Images des blocs Présentation/Historique/Géographie */
#contenu .blocRessources img
{
	padding: 1px;
	margin: 3px;
	border: 1px solid #233e81;
}
/* Images des blocs Présentation/Historique/Géographie */
#contenu .blocRessources li
{
	margin-left: 20px;
}

/* PAGE CONTACT */
/* Titres des pages */
#contenu .titrePage
{
	width : 100%;
	color : #fff;
	background : url(img/fond_titre.png) top center repeat-x;
	height : 26px;
}





/******************          PAGES             **************/
/***    Page standard     ***/
#contenupage
{
	background : url(img/fond_bloc_2.png) top center repeat-x;
	padding : 5px;
}
#contenupage .plandusite a
{
	color : #233e81;
	text-decoration : none;
	font-weight: bold;
}
#contenupage .plandusite a:hover
{
	color : #0473a5;
	text-decoration:none;
	border-bottom: 1px #233e81 solid;
}
/* Titre  */
h2.titrepage 
{
	color : #233e81;
}
/* Sous titre  */
h3.soustitrepage
{
	color : #233e81;
}
/* Texte*/
p.paragraphepage
{
	color : #233e81;
}
/* Liens */
p.paragraphepage a
{
	color : #3C4657;
	font-weight: bold;
	text-decoration : none;
}
/* Liens survolés */
p.paragraphepage a:hover
{
	color : #748fb7;
	text-decoration:none;
	border-bottom: 1px #FFF dotted;
}
/* Images de la page Présentation/Historique/Géographie */
#blocPrezHistoGeo img
{
	padding: 1px;
	margin: 3px;
	border: 1px solid #233e81;
}


/* Formulaire de contact */
.titreForm
{
	background : url(img/enteteH2.png) repeat-x;
	color : #fefeff;
	padding : 4px;
	font-size : 1.2em;
}
fieldset
{
	border: 1px #0473a5 solid;
	padding: 10px;
}
input.text
{
	border: 1px #0473a5 solid;
	padding: 2px;
	color:#555;
	background : url(img/fond_onglet.png) top center no-repeat;
}
input.text:hover
{
	border: 1px #233e81 solid;
	color:#444;
}
input.submit
{
	border: 1px #0473a5 solid;
	padding: 2px;
	color:#0473a5;
	background : url(img/fond_onglet.png) top center no-repeat;
}
input.submit:hover
{
	border: 1px #233e81 solid;
	color:#233e81;
}
textarea.ta_contact
{
	min-height : 256px;
	border: 1px #0473a5 solid;
	padding: 2px;
	width:90%;
	color:#555;
	background : url(img/contact.png) top center no-repeat;
}
textarea.ta_contact:hover
{
	border: 1px #233e81 solid;
	color:#444;
	width:90%;
}
textarea.ta_devis
{
	min-height : 256px;
	border: 1px #0473a5 solid;
	padding: 2px;
	width:90%;
	color:#555;
}
textarea.ta_devis:hover
{
	border: 1px #233e81 solid;
	color:#444;
	width:90%;
}
table.clients
{
	width: 100%;
}
table.clients th
{
	height : 30px;
}
table.clients td,table.clients th
{
	width: 50%;
	text-align : center;
}


/*************   MENU  **************/
/* General*/
#menu
{
	float : left;
	width:160px;
	margin-left:00px;
	padding-top:20px;
	border : 0px red solid;
}
/* Listes du menu */
#menu ul 
{
	width : 160px;
	margin : 0 0 0 0;
	padding : 0px;
	list-style : none;
}
/* Elements des listes du menu */
#menu li
{
	padding-left : 0px;
	margin-left : 0px;
}
/* Liens du menu */
#menu li a
{
	text-align : left;
	display : block;
	width : 155px;
	height : 20px;
	color: #233e81;
	text-decoration : none;
	font-weight: bold;
	padding-top:5px;
	padding-left:5px;
	padding-bottom:5px;
}
/* Liens survolés du menu */
#menu li a:hover 
{
	background: url(img/rollover_menu.png);
}
/* Images des liens */
#menu li img
{
	vertical-align:middle;
	border: 0px;
}
/* Images des liens hors liste */
#menu img
{
	margin-left : 10px;
	border : 0px;
}
/* Images des drapeux */
#menu img.flag
{
	margin-left : 10px;
	border: 1px solid #233e81 ;
	width : 25px;
}
#menu div 
{
	margin : 8px 0 ;
}

/*************   FOOTER  **************/
/* Pied de page */
#footer 
{
	text-align : center;
	width : 800px;
	height: 40px;
	padding-bottom : 5px;
	background : url(img/footer.png) no-repeat;
}
/* Liens du footer */
#footer a
{
	color : #233e81;
	text-decoration : none;
	font-weight: bold;
}
/* Liens survolés du footer */
#footer a:hover 
{
	color : #0473a5;
	text-decoration:none;
	border-bottom: 1px #233e81 solid;
}


/************* BBCODE  **************/
/*  Souligné  */
.u
{
	text-decoration: underline;
}
/*  Barré  */
.s
{
	text-decoration: line-through;
}
/*  Italique  */
.i
{
	font-style: italic;
}
/*  Gras  */
.b
{
	font-weight: bold;
}
/*  Quote  */
#citation
{
	background-color:#f7f7f7;
	padding: 5px;
	margin-left: 10px;
	margin-right: 5px;
	color: #233e81;
	border: 1px dashed #233e81;
	text-align: left;
	font-size: 11px;
	display:block;
}
#citation.titrecitation
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #142488;
	text-decoration: none;
	font-weight: bold;
}
/*   Code */
#code
{
	background-color:#f7f7f7;
	width: 85%;
	padding: 5px;
	margin:auto;
	color: #233e81;
	border: 1px dashed #233e81;
	font-family: Courier;
	text-align: left;
	font-size: 11px;
	display:block;
}
.titrecode
{
	font-family: Courier;
	font-size: 13px;
	color: #142488;
	text-decoration: none;
	font-weight: bold;
}



/*************   DIVERS  **************/
/* Ligne invisible */
hr.hrinvisible
{
	clear : both;
	visibility : hidden;
	margin : 0;
	padding : 0;
}
a
{
	font-variant: small-caps;
}
.vert
{
	color: green;
}
.rouge
{
	color:red;
}
.highlight
{
	color:red;
}