* {
padding:0;
margin:0;
}

body {
background:url(images/bg_body.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

#global {
width:931px;
margin:0 auto;
}

#logo {
float:left;
}

#logo2 {
margin-top:15px;
}

#logo3 {
margin-bottom:15px;}

#bandeau {
height:110px;
background:url(images/bg_bandeau.jpg) no-repeat;
}

#bandeau img {
border:none;
}

#bandeau2 img {
border:none;
}

#bandeau ul {
height:26px;
float:right;
margin-top:84px;
list-style-type:none;
}

#bandeau ul li {
float:left;
text-align:center;
}

#bandeau ul li a {
color:white;
font-size:16px;
text-decoration:none;
display:block;
padding:2px 10px 0 10px;
height:24px;
float:left;
font-weight:bold;
}

#bandeau ul li a:hover {
background-color:#83d8f3;
border-left:3px black solid;
padding:2px 10px 0 7px;
}

#bandeau ul li #selected {
background-color:#83d8f3;
border-left:3px black solid;
padding:2px 10px 0 7px;
}

#bandeau2 ul li #selected {
background-color:#83d8f3;
border-left:3px black solid;
padding:2px 10px 0 7px;
}

#milieu {
background:url(images/bg_milieu.jpg) no-repeat top right;
height:327px;
}

#milieu_gauche {
width:305px;
background-color:#FFFFFF;
height:327px;
}

h2 {
background:url(images/bg_h2.jpg) no-repeat 5px 18px;
padding-left:32px;
font-size:22px;
font-weight:bold;
padding-top:15px;
}

#contenu {
background:url(images/bg_contenu.jpg) repeat-x top left;
background-color:#b0a19c;
padding-left:10px;
padding-top:20px;
padding-bottom:15px;
}

#contenu img {
float:left;
margin-right:10px;
}

.text {
float:left;
width:310px;
color:white;
padding-right:20px;
}

.text p {
text-align:justify;
font-size:12px;
background:url(images/puce.jpg) no-repeat left 14px;
padding-left:8px;
padding-top:4px;
}

.text h3 {
font-size:14px;
padding-bottom:8px;
}

.clear {
clear:both;
}

#img3 {
margin:20px 0 0 30px;
}

#pied {
padding-top:18px;
text-align:center;
background:url(images/bg_pied.jpg) no-repeat;
background-color:white;
padding-bottom:10px;
}

#pied ul li{
list-style-type:none;
display:inline;
}

#pied ul li a {
text-decoration:none;
color:#3a2a10;
font-size:12px;
}

#coord_bas {
font-size:12px;
color:#25b9d2;
margin-top:5px;
}

#tt{
    text-align:center;
    margin-top:15px;
}

#tt a{
    font-size:9px;
    color:#000;
}

#tt a:hover{
    color:#AF7C98;
}

/* ######################################### PAGE SAVOIR FAIRE ################################################## */

#milieu2 {
background:url(images/bg_milieu2.jpg) no-repeat top right;
height:257px;
}

#milieu_gauche2 {
width:421px;
background-color:#FFFFFF;
height:257px;
}

#text_savoir {
font-size:12px;
width:240px;
text-align:justify;
float:left;
padding:0 15px 0 20px;
}

#text_savoir h3 {
font-size:14px;
font-weight:bold;
}

#text_savoir ul li {
list-style-type:none;
}

#img_savoir {
float:left;
text-align:center;
width:141px;
}

#img_savoir img {
border:none;
}

#bandeau2 {
height:110px;
background:url(images/bg_bandeau2.jpg) no-repeat;
}

#bandeau2 ul {
height:26px;
float:right;
margin-top:84px;
list-style-type:none;
}

#bandeau2 ul li {
float:left;
text-align:center;
}

#bandeau2 ul li a {
color:white;
font-size:18px;
font-weight:normal;
text-decoration:none;
display:block;
padding:2px 10px 0 10px;
height:24px;
float:left;
}

#bandeau2 ul li a:hover {
background-color:#83d8f3;
border-left:3px black solid;
padding:2px 10px 0 7px;
}

.text_leg {
float:left;
width:360px;
color:white;
padding-right:20px;
padding-left:20px;
}

.text_leg p {
text-align:justify;
font-size:12px;
background:url(images/puce.jpg) no-repeat left 14px;
padding-left:8px;
padding-top:4px;
}

.text_leg h3 {
font-size:14px;
padding-bottom:8px;
}

/* ######################################### PAGE REALISATIONS ################################################## */

#rea {
width:465px;
float:left;
}

#diapo {
width:438px;
float:left;
}

#diapo .miniatures {
cursor:pointer;
margin:6px 6px 0 0;
padding:0;
border:none;
height:42px;
width:67px;
}

.text1 {
padding-top:30px;
}

/* ######################################### PAGE COntact ################################################## */

#milieu3 {
background:url(images/bg_milieu4.jpg) no-repeat top right;
height:257px;
}

#milieu_gauche3 {
width:326px;
background-color:#FFFFFF;
height:257px;
}

#formulaire {
width:902px;
margin:0 auto;
padding-right:10px;
}

#form{
    padding:0;
    margin:0;
	color:white;
	font-size:12px;
}

label {
    width:70px;
	padding:0 5px 0 2px;
	margin:0;
	line-height:14px;
	height:14px;
	font-size:12px;
}

input {
height:14px;
line-height:14px;
padding:0;
margin:0;
}

.input{
    width:200px;
    height:15px;
    border:solid 1px #000;
	margin:3px 0;
}

textarea{
    width:200px;
    height:60px;
    border:solid 1px #000;
	float:right;
	margin:3px 0;
}

#bouton{
    display:block;
    width:95px;
	height:21px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 70px;
	background:url(images/bg_bleu.jpg) repeat-x;
	border:none;
    cursor:pointer;
	float:right;
	color:white;
	font-weight:bold;
}

.tete_form {
background:url(images/bg_bleu.jpg) repeat-x;
background-color:#21bae9;
height:34px;
clear:both;
padding:2px 0 0 5px;
}

.tete_form h3 {
font-size:18px;
font-weight:bold;
color:white;
line-height:18px;
}

.tete_form h3 span {
font-size:12px;
font-weight:bold;
color:white;
font-style:italic;
line-height:15px;
}

.titre_formbis {
color:white;
font-size:12px;
width:320px;
border-bottom:2px solid #21bae9;
font-weight:bold;
padding-top:5px;
clear:both;
margin-bottom:4px;
}

.droite {
width:145px;
float:right;
color:#4c2a1e;
}

.colonne {
width:320px;
float:left;
background:url(images/bg_colonne.jpg) no-repeat top right;
padding-left:20px;
}

#form_bas {
text-align:right;
}

#forme {
width:162px;
float:left;
background:url(images/bg_forme.jpg) no-repeat 40px 0px;
padding:0 20px 0 40px;
height:612px;
}

.modele {
width:122px;
margin:0 auto;
color:#4c2a1e;
height:125px;
}

.modele img {
border:1px solid #21bae9;
}

.mentions {
text-align:center;
}

#coord {
padding:20px 0 0 0;
font-size:18px;
text-align:center;
}

#titre_forme {
height:20px;
background-color:#02b0e6;
font-weight:bold;
padding:5px 0 0 10px;;
}

#contenu2 {
background:url(images/bg_contenu.jpg) repeat-x top left;
background-color:#b0a19c;
padding-left:10px;
padding-top:5px;
padding-bottom:15px;
}

.titre_form5 {
float:left;
text-align:right;
width:110px;
}

.label2 {
display:block;
float:left;
width:113px;
padding:3px 0 0 0;
margin:0;
}

.label {
display:block;
float:left;
width:113px;
padding:0;
margin:0;
}

.group {
background-color:#49271b;
padding:8px 10px;
margin-bottom:4px;
}

.group h3 {
color:white;
font-size:16px;
font-weight:bold;
margin-bottom:8px;
text-align:center;
background-color:#8d5639;
padding:3px 0;
}

.group p {
font-size:12px;
color:white;
}
.text_debut_form {
text-align:justify;
font-size:12px;
background:url(images/puce.jpg) no-repeat left 13px;
padding-left:8px;
padding-top:4px;
color:white;
}

.text_debut_form2 {
text-align:justify;
font-size:12px;
background:url(images/puce.jpg) no-repeat left 13px;
padding-left:8px;
padding-top:4px;
padding-bottom:6px;
color:white;
}

.gauche {
float:left;
width:165px;
font-size:10px;
}