/*------* Ateliers Portes Ouvertes  - b7studio.com - man@b7studio.com*--------*/
 
#wrapper {
	width: 100%;
}
#largeur{
width: 1000px;
}
 
#header {  
	background-color: #E2001B;
}
#left {
	float: left;
	width: 290px;	
	font-size: 12px;
	margin: 0;
}
#middle {
	margin-left: 290px;
	padding-top: 15px;
        margin-right: 290px;
		
}
#middle p {
	/*padding-right: 30px;*/
		
}
#right {
	float:right;
	font-size:12px;
	margin-right:30px;
	padding-left:25px;
	padding-top:15px;
	width:200px;
		
}
#footer {
	     margin-left:700px;
}
.spacer {
  clear: both;
}
.image{ font-size: 12px; margin:0pt 0pt 0pt 60px;}
.legend { font-size: 14px;  font-weight: bold; padding-left:5px; }
.coordonnees{font-size: 12px;margin:10px 0 0 0;}
 
.site{margin:0;}
.caption{
margin:0;
text-align:left;}
/*------*textes*--------*/
body {
	font-family: LucidaGrande, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #868889;
        margin:0;
}
a {
	color: #E2001B;
	text-decoration: none;
}
a:hover {
	color: #868889;
	text-decoration: none;
}
 
h1 {
	font-size: 16px;
	font-weight:normal;
	color: #E2001B;
	margin:10px 0pt 0pt 0pt;
	padding:0pt;
}
h2 {
	font-size: 12px;
	font-weight:normal;
	color: #E2001B;
	padding:0;
	margin:0;
	}
h3 {
	font-size: 14px;
	font-weight:normal;
	color: #868889;
	padding:0;
	margin:0pt 0pt 10px 0pt;
	}
.entete {
	font-size: 12px;
	color: #E2001B;
	}
.contenu {
        padding-top:10px;
        margin-right:110px;
 
}
.rouge {
color: #E2001B;
}
/*------*colonne de gauche*--------*/
 
#left ul{
	font-weight: bold;
	list-style-type: none;
	line-height: 30px;
	margin: 0;
	padding-left: 45px;
	padding-top: 20px;
}
#left ul#deux{
	font-weight: bold;
	list-style-type: none;
	line-height: 30px;
	margin: 0;
	padding:0pt 0pt 0px 10px;
}
 
#left ul#trois{
	font-weight: bold;
	list-style-type: none;
	line-height: 30px;
	margin: 0;
	padding:0pt 0pt 0px 10px;
}
.foldh
/* ------------------------------  D&#65533;but du menu Wayfinder   -------*/
#sections ul{
	font-weight: bold;
	list-style-type: none;
	line-height: 30px;
	padding-left: 45px;
	padding-top: 20px;
}
#sections ul.soussection{
	font-weight: bold;
	list-style-type: none;
	line-height: 15px;
	padding:0;
        margin:0pt 0pt 0pt 20px;
}
#sections ul.soussection li{
	padding:5px;
       }
/* ---------------------------------- Fin du menu Wayfinder    -------*/
 
#left .topnav a{text-decoration: none;}
#left p{
	padding-top: 20px;
	padding-left: 45px;
}
 
/*------*colonne de droite*--------*/
#right ul{
	list-style-type: none;
	margin: 0;
	padding-left: 0;
	padding-top: 0;
}
#right .topnav{
	list-style-type: none;
	margin: 0;
	padding-top: 0;
}
#right p{
	/*
padding-top: 20px;
	padding-left: 10px;
*/
}
.contactform {
}
.contactform fieldset {
border:1px solid #DCDCDC;
margin:0pt 0pt 20px;
padding:10px 0pt 0pt;
}
.contactform fieldset legend {
color:#E2001B;
margin:0pt 0pt 0pt 5px !important;
padding:0pt 2px;
}
.contactform label.left {
float:left;
padding:2px;
width:130px;
}
.contactform label.right {
margin:0pt;
padding:0pt 20px 0pt 0pt;
width:300px;
}
.contactform input.left {
float:left;
padding:2px;
}
.contactform input.radio {
float:left;
font-size:110%;
margin:0pt 5px;
padding:2px;
width:20px;
}
.contactform select.combo {
border:1px solid #C8C8C8;
font-family:verdana,arial,sans-serif;
font-size:110%;
margin:0pt;
padding:2px;
width:225px;
}
.contactform input.field {
border:1px solid #C8C8C8;
padding:2px;
width:220px;
}
.contactform input.field.invalid {
background:#FFEEEE none repeat scroll 0% 50%;
border:1px solid #FF0000;
font-family:verdana,arial,sans-serif;
font-size:110%;
padding:2px;
width:220px;
}
.contactform textarea {
border:1px solid #C8C8C8;
padding:2px;
width:220px;
}
.contactform input.button {
background:#E6E6E6 none repeat scroll 0%;
border:1px solid #969696;
color:#969696;
float:right;
margin-right:10px;
padding:1px !important;
text-align:center;
width:9em;
}
.contactform input.button:hover {
background:#DCDCDC none repeat scroll 0%;
border:1px solid #505050;
color:#505050;
cursor:pointer;
}
.contactform p {
margin:0pt 0pt 1em 20px;
}
.errors {
background:#FFFFFF none repeat scroll 0% 50%;
border:1px solid #FF0000;
color:#E2001B;
display:block;
margin:10px;
padding:10px;
text-align:left;
}
.errors .champs {
font-weight:bold;
}
.important {
background:#FFFFFF none repeat scroll 0% 50%;
border:1px solid #00CC00;
color:#00CC00;
display:block;
margin:10px;
padding:10px;
text-align:center;
}
.contactform .caption {
font-size:smaller;
}


/* FORMS */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #009633; }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

.champ {
	display:block;
margin:5pt;
padding:0pt;
}
#right input {
	padding:2px;
	margin:4px;
}
#right select {
	margin:4px;
}
#formTout a{
	border:1px solid;
	display:block;
	margin:5px;
	padding:5px;
	text-align:center;
}
#formnom input,#formtech input{
	width:90%;
}
#formsearch input{
	margin:0;
	padding:0;
}
.tx-sgaddress-pi1 img{
	border:0;
}
.tx-sgaddress-pi1 .label{
	margin:3px 0 0 0;
	padding:3px 0 0 0;
}
.tx-sgaddress-pi1 .errorlabel{
	color:red;
}
.csc-uploads-2 {
	margin-top:40px;
}
#middle img{
	border:0;
}

#right table.csc-uploads{margin:0 0 20px 0;}
#right td.csc-uploads-fileName p,#right td.csc-uploads-fileSize p{margin:0;}
#right td{margin:0; height:1em;}
#right h3 {
	font-weight:bold;
	margin:0;
	}

