/* CSS Document */

body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	color:#254093;
	font-family:Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-image:url(../img/bg/body.jpg);
	background-repeat:repeat-y;
	background-position:top center;
}

h1 {
	background-image:url(../img/bg/puce-1.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:10px;
	margin:0px;
	font-size:18px;
}

h2 {
	background-image:url(../img/bg/puce-2.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:5px;
	font-size:16px;
	margin:0px;
	margin-left:20px;
	margin-bottom:10px;
	margin-top:10px;
}

a {
	color:#254093;
	text-decoration:underline;
}

a:hover {
	color:#254093;
	text-decoration:none;
}

.input {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #1E3376;
	width:300px;
	padding:2px;
}

.submit {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	width:300px;
	background-color:#1E3376;
	border:1px solid #1E3376;
	padding:2px;
}

.erreur {
	color:red;
}

.clear {
	clear:both; /* important ! */
}

.clear_form {
	clear:both;
	height:5px;
	overflow:hidden;
}


/* Colonnes */
.colonne_50 {position:relative;float:left;width:50px;}
.colonne_100 {position:relative;float:left;width:100px;}
.colonne_150 {position:relative;float:left;width:150px;}
.colonne_190 {position:relative;float:left;width:190px;}
.colonne_200 {position:relative;float:left;width:200px;}
.colonne_225 {position:relative;float:left;width:225px;}
.colonne_250 {position:relative;float:left;width:250px;}
.colonne_300 {position:relative;float:left;width:300px;}
.colonne_350 {position:relative;float:left;width:350px;}
.colonne_390 {position:relative;float:left;width:390px;}
.colonne_400 {position:relative;float:left;width:400px;}
.colonne_450 {position:relative;float:left;width:450px;}
.colonne_500 {position:relative;float:left;width:500px;}
.colonne_550 {position:relative;float:left;width:550px;}
.colonne_600 {position:relative;float:left;width:600px;}


/* Couleurs */
.gris {color:#999999;}
.rouge {color:#D32F13;}
.orange {color:#E64B1C; text-align:left;}
.bleu {color:#0169B0;}


/* Icones */
.i_ajout, .i_modif, .i_suppr, .i_suppr2, .i_fv, .i_fb, .i_fr {
	position:relative;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:40px;
	height:25px;
}
.i_ajout {
	background-image:url(../img/bt/ajout.png);
}
.i_modif {
	background-image:url(../img/bt/modif.png);
}
.i_suppr {
	background-image:url(../img/bt/suppr.png);
}
.i_suppr2 {
	background-image:url(../img/bt/suppr2.png);
}
.i_fv {
	background-image:url(../img/bt/fleche-vert.png);
}
.i_fb {
	background-image:url(../img/bt/fleche-bleu.png);
}
.i_fr {
	background-image:url(../img/bt/fleche-rouge.png);
}


/* Main */
#main {
	position:relative;
	background-image:url(../img/bg/main.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	width:1000px;
	margin:auto;
	overflow:hidden;
}


/* Contenu de différentes couleurs */
#contenu_bleu, #contenu_jaune, #contenu_orange, #contenu_rose, #contenu_rouge, #contenu_vert {
	position:relative;
	background-repeat:no-repeat;
	background-position:0px 71px;
	padding:30px 10px 20px 50px;
	width:645px;
	text-align:justify;
	min-height:650px;
	overflow:hidden;
}


#contenu_bleu img, #contenu_jaune img, #contenu_orange img, #contenu_rose img, #contenu_rouge img, #contenu_vert img {
	border:1px solid #FFF;
}

#contenu_bleu {
	background-image:url(../img/bg/fond_carre.jpg);
}

#contenu_jaune{
	background-image:url(../img/bg/fond_carre-jaune.jpg);
}

#contenu_orange{
	background-image:url(../img/bg/fond_carre-orange.jpg);
}

#contenu_rose{
	background-image:url(../img/bg/fond_carre-rose.jpg);
}

#contenu_rouge{
	background-image:url(../img/bg/fond_carre-rouge.jpg);
}

#contenu_vert{
	background-image:url(../img/bg/fond_carre-vert.jpg);
}


/*  Top  */
#top {
	position:relative;
	height:210px;
	width:1000px;
}

#logo {
	position:relative;
	padding-left:30px;
	padding-top:15px;
}

#langue, #langue_en {
	position:absolute;
	top:0px;
	right:10px;
	background-image:url(../img/bt/langues.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px;
	text-align:right;
	padding-top:15px;
	width:212px;
	height:30px;
}

#langue_en {
	background-image:url(../img/bt/language.jpg);
}

#menu_haut {
	position:relative;
	width:1000px;
	padding-top:40px;
	margin-left:15px;
	color:#FFFFFF;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:2px;
}

#menu_haut a
{
	color:#FFFFFF;
	text-decoration:none;
}

#menu_haut a:hover
{
	color:#AACAFB;
	text-decoration:none;
}


/* Bottom  */ 
#bottom {
	position:relative;
	height:60px;
	width:1000px;
	background-image:url(../img/bg/bas.jpg);
	clear:both;
}

#menu_bas {
	width:1000px;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	letter-spacing:1px;
	padding-top:5px;
}

#menu_bas a {
	color:#FFFFFF;
	text-decoration:none;
}

#menu_bas a:hover {
	color:#AACAFB;
	text-decoration:none;
}

#texte_bas {
	position:relative;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	padding-top:12px;
	letter-spacing:1px;
}


/*  Contenu central  */
#center {
	position:relative;
	width:1000px;
	float:left;
	padding-bottom:10px;
}


#index_gauche {
	position:relative;
	float:left;
	width:788px;
}

#index_droite {
	position:relative;
	float:left;
	width:212px;
	height:500px;
	font-size:12px;
}

#accueil {
	padding-top:30px;
}

#prestations
{
	padding-top:23px;
}

#prestations a {
	color:#254093;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}

#sous_menu {
	padding-left:20px;
	padding-top:20px;
}

#machines {padding-top:25px;}

#equipe {padding-top:25px;}

#phototheque {padding-top:25px;}

#contact {
	padding-top:25px;
	background-image:url(../img/bg/contact-droite.jpg);
	background-repeat:no-repeat;
	background-position:14px 60px;
	padding-bottom:20px;
}

#adresse {
	text-align:right;
	padding-right:45px;
	line-height:20px;
	font-family:arial;
	font-weight:bold;
	letter-spacing:1px;
}

#adresse a {
	color:#254093;
	text-decoration:none;
}

#adresse a:hover {
	color:#254093;
	text-decoration:underline;
}


/* Bouttons */
.btn_puce1 {
	background-image:url(../img/bg/puce-1.gif);
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:10px;
	font-size:18px;
}

.btn_puce2 {
	background-image:url(../img/bg/puce-2.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:5px;
}

.btn_puce3 {
	background-image:url(../img/bg/puce-3.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	padding-top:5px;
}