/*
Best PC FONT source: http://www.codestyle.org/css/font-family/
"Arial Black",Verdana,"Comic Sans MS", Arial, "Courier New", Impact, 
"Lucida Console",Tahoma,"Trebuchet MS", "Lucida Sans Unicode","Arial Narrow", 
Georgia, "Bookman Old Style", "Century Gothic", "Book Antiqua", "Times New Roman"

Best MAC FONT source: http://www.codestyle.org/css/font-family/
Monaco,
"Arial Black", Arial, Courier, Helvetica, Verdana, "Comic Sans MS", "Courier New", 
"Trebuchet MS", Geneva, Georgia, "Times New Roman", Skia, Times,
"Apple Chancery", Impact, "Arial Narrow",

Best COMBINE PC&MAC FONT
"Arial Black", Arial, Verdana, "Comic Sans MS", "Courier New", 
"Trebuchet MS", Georgia, "Times New Roman", Impact, "Arial Narrow",
*/


/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* COMMON/BASE TAGS ////////////////////////////////////////////////////////////////////////////*/
*{margin: 0; padding: 0; border: none;}

html{height: 100%;}

body{
	color: #333333; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	height: 100%;
	background-color:#666666;
}

/* Headings */
h1,h2,h3,h4,h5,h6{margin: 0 0 0 0; }
h1{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#FFFFFF;}
h2{}
h3{}
h4{}
h5{}
h6{}

/* Links */
a,a:link, a:active, a:visited{color: #0033cc; font-size: 11px; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}
a:hover{color: #0033cc; text-decoration: underline;}

/* Forms */
form{background: #eee; padding: 10px;}
input, textarea, select, option, label, fieldset, legend{color:#333; vertical-align: bottom;}
option{border:none;}

p{margin: 0 0 0 0;}
blockquote{}
br {}
hr {}
div {}
img {border:none;}
ul{}
li{}

/* CONTAINERS ////////////////////////////////////////////////////////////////////////////*/
#container1, #container2, #container3, #container4, #container5 { margin: 0 auto 0 auto; text-align: left; }
#container1 {background:#eaeaea; width:960px;}
#container2 { width:960px; background:#eaeaea;}
#container3 {}
#container4 {}
#container5 {}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID AND THEIR CLASSES ////////////////////////////////////////////////////////////////////////////*/
#header{ background:url(../images/header_automne.jpg) no-repeat ; width:960px;  top:0;  height:178px;}
#header #headerMenu{ color:#cccccc; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:16px; margin:0px 0 0 16px; padding: 148px 0 0 0;}
#header #headerMenu li{display:inline; list-style-type:none; margin: 0 1.1em 0 0;}
#header #headerMenu a{color:#cccccc; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none;} 
#header #headerMenu a:hover{color:#FFFFFF; text-decoration:underline;}

#headerSecond{ background:url(../images/topContent.gif) no-repeat; width:960px; height: 41px; position:relative;}
#headerSecond li{display:inline; list-style-type:none; margin: 0 1.3em 0 0;}
#headerSecond #headerMenuSecond{color:#cccccc; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:12px; padding:3px 0 0 440px;}
#headerSecond #headerMenuSecond li{ display:inline;margin: 0 0.5em 0 0;}
#headerSecond #headerMenuSecond a{color:#cccccc; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;} 
#headerSecond #headerMenuSecond a:hover{color:#FFFFFF; text-decoration:underline;}
#headerSecond #infoDay{ position:absolute; left:30px; top:26px;color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:12px;}


.activate{ color:#FFFFFF; font-family:"Arial Narrow", Arial, Helvetica, sans-serif;}

#content{ padding-left:20px;  background:url(../images/contentLigne.gif) repeat-y center; margin-top:21px;}
#content #colonne1{ background:#FFFFFF; width: 300px; height: auto; }
#content #colonne2{background:#FFFFFF;  margin-left:10px;width: 300px; height: auto;}
#content #colonne3{ background:#FFFFFF; margin-left:10px;width: 300px; height: auto;}

#content #colonne1 #entete1{ height: 49px; background-color:#517cb7; padding: 8px 10px 0px 10px;}
#content #colonne2 #entete2{ background-color:#6a6a6a; height: 49px; padding: 8px 10px 0px 10px;}
#content #colonne3 #entete3{ background-color:#e15f00; height: 49px; padding: 8px 10px 0px 10px;}
#content #colonne1 #entete4{ background-color:#e15f00; height: 29px; padding: 8px 10px 0px 10px; margin-top: 10px;}
#content #colonne1 #entete5{ background-color:#b4b4b4; height: 29px; padding: 8px 10px 0px 10px; margin-top: 10px;}

#content .contentTxt{ padding: 0 10px 0 10px;}
#content p{ margin: 9px 0 9px 0;}

#content #affiche1{ padding: 9px 0 18px 0; }
#content #affiche_metierrealisation{padding: 15px 0 18px 25px;}
#content #affiche_photo3{padding: 15px 0 18px 25px;}
#content #affiche_parking{padding: 15px 0 18px 0;}

#content2{   margin-top:21px; background-color:#FFFFFF; width:920px; margin-left:20px; }
#content2 #contentTxt{ padding: 20px; }
#content2 #enteteContent{ height: 29px; background-color:#517cb7; padding: 8px 10px 0px 10px;}


#footer{ background:#6a94cf; height: 25px; width: 960px; text-align:center; margin: 25px auto 20px auto;}
#footer .p1{ font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:11px; padding-top: 4px;} 
/* mainMenu using the rollOver class */


/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* ONLY CLASSES ////////////////////////////////////////////////////////////////////////////*/