@import 'grid.css';
@import 'typography.css';
@import 'reset.css';

body {
	background-color:#ffffff;
}

img {border:none;}


a {color:#72a6d6; text-decoration:underline}

p {font-size:11px; padding:20px 20px 0px 20px; color:#838383;}
strong {font-weight:bold; color:#91b40f;}

li {font-size:11px; padding-bottom:7px; color:#838383;}
hr {width:200px; margin:10px 0 0 15px;}

h1 {
	color:#ffffff;
	font-size:21px;
	padding-left:20px;
}


h3 {color:#838383; font-size:11px; padding-left:0px; background:url(../img/bkg-h3.gif) 0em 0em no-repeat; height:23px; width:180px; margin-left:15px; padding-top:7px; padding-bottom:5px}

/*-----Left----*/
	
#leftColumn {
	background:#72a6d6 url(../img/bkg-left.jpg) no-repeat;
	margin-right:30px;
	
}

#leftColumn h5{
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	
}

#leftColumn ul {
	list-style-type:none;
	
}

.myForm {width:180px; margin-left:40px; margin-top:30px; margin-bottom:30px;}

.myForm p {
	color:#fff;
	padding:0;
	margin:0;
}

.myForm h2 {
	font-size:11px;
	color:#fff;
}
.myForm a{
	
	color:#fff;
}

.myForm input {
	width:135px;
	color:#888;
	margin-bottom:5px;
	border:1px solid #2f445f;
}

.myForm input#valid {
width:27px;
border:none;
}

.LeftText {
	padding-top:30px;
}


.footer a {
	color:#fff;
}


#navFooter {margin-left:9px; margin-top:25px; padding-bottom:25px;}
#navFooter li { color:#fff;font-size: 10px;font-weight:normal; display:block; float:left; padding-right:12px; padding-left:6px}
#navFooter li a:hover {text-decoration:none;}
#navFooter li.liMentions {text-align:center; padding-left:60px; font-size:9px;}

/*----Middle-----*/


.MiddleText {
	background:#fff url(../img/bkgMiddle.gif) no-repeat;
	margin-top:18px;
	padding-top:10px;
	height:547px;
}

.MiddleText h2 {
	font-size:12px;
	padding:0px 20px 0px 20px;
	color:#fff;
}

.MiddleText p {
	font-size:11px;
	padding:0px 20px 0px 20px;
	color:#fff;
}

.MiddleText table {
	margin-left:7px;
	margin-top:250px;

}

*html .MiddleText table {
	margin-left:2px;
	margin-top:250px;

}

.MiddleText img#poubelle {
	padding-right:10px;
	text-align:left;
}

.MiddleText a {
	color:#fff;
	float:right;
}

.MiddleText a:hover {
	text-decoration:none;
}


/*----Right----*/


#RightColumn {
	margin-top:20px;
	
	}

.articleRight {
	background:#fff url(../img/bkg-mainRight.gif) no-repeat;
	width:328px;
	margin-bottom:5px;
	padding-top:4px;
	padding-bottom:8px;
}

.articleRight p {
padding-top:0;
line-height:100%;	
}

.articleRight img#image1, .articleRight img#image2, .articleRight img#image3 {
padding-left:10px;
}

.articleRight a {
	
	background:#fff url(../img/ico-a.gif) 0 0.1em no-repeat;
	color:#838383;
	padding-left:16px;
	float:right;
}

.articleRight a:hover {
text-decoration:none;
}

/* inside */


#MiddleColumn  {margin-top:20px;}

.ArticleInside h4 {
	color:#598525;
	font-size:17px;
	background:url(../img/bkg-h4.gif) repeat-x;
	height:45px;
	padding-top:12px;
	margin-top:20px;
	margin-left:5px;
	width:100%;
	}
	
.ArticleInside strong {font-weight:bold; color:#888;}	

.ArticleInside ul {margin-left:50px; list-style-type:inherit}	

.ArticleInside  p {font-size:11px; padding:0px 20px 20px 20px; color:#838383;}

.ArticleInside  p span {color:#598525; font-weight:bold}
/*Nav */

#nav {padding-right:30px; margin:20px 0 0 0;}
#nav ul { list-style-type: none;}
#nav li { color:#fff;font-size: 12px; text-align: right;  font-weight:normal; padding-bottom:10px;}
#nav li a { text-decoration: none; color:#fff;}
#nav li a:hover {background: url('../img/ico-puce.gif') no-repeat right 0.2em; color:#fff; font-weight:bold; padding-right:20px; }

body#accueil #nav li.liAccueil a,
body#bailleurs #nav li.liBailleurs a,
body#particuliers #nav li.liParticuliers a,
body#collectivites #nav li.liCollectivites a,
body#philosophie #nav li.liPhilosophie a,
body#actualite #nav li.liActualites a,
body#association #nav li.liAssociation a,
body#metiers #nav li.liMetiers a,
body#filiere #nav li.liFiliere a
{background: url('../img/ico-puce.gif') no-repeat right 0.2em; color:#fff; font-weight:bold; padding-right:20px; }

/* forms.css */

label {font-weight:bold; text-align:justify}
input {}
input.text, input.title {width:150px;}
	

	
fieldset { border: none; }

legend {
	padding: 0;
	color: #000;
	}
	
	
select { padding: 0; }
	
.mention {
	font-size: 9px;
	color: #666666;
}
/**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/
form.cmxform {
	color: #333;
	}
	
form.cmxform fieldset { 
	margin-bottom: 10px;
	}
	
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	}
	
form.cmxform label {
	display: inline-block;
	vertical-align: top;
	
	}
	
form.cmxform fieldset li {
	list-style-type: none;
	padding: 5px 10px 7px;
	margin: 0;
	
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	background: none;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform label {
	color:#666;
	font-size:11px;
	text-align:left;
	padding-right:15px;
	}
	
form.cmxform fieldset fieldset input#nb_personne{
	width:30px;
	}
	
form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #598525;
	}
form.cmxform p {
	font-size:11px;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	}
	



form.cmxform label { width:100px; } /* Width of labels */
form.cmxform label.typeActeur { width:200px; text-align:left; line-height:230%; padding-left:15px; color:#666} /* Width of labels */
form.cmxform label.contactPour { width:200px; text-align:left; line-height:230%; padding-left:15px; color:#666} /* Width of labels */
form.cmxform label.contactPour2 { width:270px; text-align:right; line-height:230%; padding-left:15px; color:#666} /* Width of labels */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */