/*
Objet : feuille de style du site CERANOV
Auteur : GAUFRETEAU Vincent
*/

HTML{
    font-size: 100%;    
}

BODY {
	background-color:#CCC;
	/*background-image:URL(../images/motif-fond.gif);*/
	margin:0px;
	padding:0px;
	/* La taille de base sera de 10px avec les valeurs par défaut de police du navigateur */
	font: 0.625em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

P {
	font:1.1em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:5px 0px 20px 0px;
	line-height:16px;
}

H1 {
	font: bold 1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
H2 {
	font: bold 1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#E6236B;
}
H3 {
	font: bold 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#E6236B;
}

A {
	font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif, ;
	color:#666;
}



#gras {
	font: bold 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#E6236B;
}

/*colonne gauche - menu*/

#haut-page {
	width:960px;
	background-image:URL(../images/haut-page.jpg);
	background-repeat:no-repeat;
	text-align:left;
	background-color:#FFF;
	padding-top:147px;
}

#zone-menu {
	width:151px;
	background-image:URL(../images/bas-menu.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:172px;
	float:left;
}

#zone-contact {
	width:151px;
	float:left;
}
#zone-contact h2 {
	font: bold 1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#E6236B;
	margin:10px 12px 0px 0px;
	padding:4px;
	
}
#zone-contact h3, p {
	padding:4px;
	margin:0px;
}

#menu-gauche {
	list-style: none ;
	margin:0;
	padding:0;
	width:139px;
	}

#menu-gauche li {
	background:#F2F2F2;
	color:#000;
	border:1px solid #F2F2F2;
	margin:1px 0px 1px 0px;
	}

#menu-gauche li a {
	display:block;
	background:#F2F2F2;
	color:#000;
	font: bold 1.2em Verdana, Geneva, Arial, Helvetica, sans-serif, ;
	text-align:left;
	line-height:14px;
	text-align:left;
	text-decoration:none;
	padding:4px;
}

#menu-gauche li a:hover {
	background:#DEDEDE;
	text-decoration:none;
}


/*zone du contenu*/
#zone-contenu {
	width:809px;
	float:right;
	overflow:hidden;
	background-image:URL(../images/bande-contenu.gif);
	background-repeat:repeat-y;
}
#titre {
	width:448px;
	background-image:URL(../images/espace-titre.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	padding:15px 0px 20px 35px;
	margin-left:35px;
}
#zone-texte {
	padding:40px 50px 40px 100px;
	color:#505050;
}

#copy{
	background-image:URL(../images/pied-page.jpg);
	height:91px;
	background-repeat:no-repeat;
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif, ;
	color:#FFF;
	text-decoration:none;
	clear:both;
	text-align:right;
}
#copy p {
	padding:55px 35px 0px 0px;
}
#copy a {
	font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif, ;
	color:#FFF;
}


/*zone contact*/
TABLE {
	font: 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif, ;
}
.textInput {
	padding-left: 2px;
	border: solid 1px #C6C6C6;
	background-color: #;
	font-family: Arial;
	font-size: 10px;
}

.buttonInput {
	height: 20px;
	border: solid 1px #C6C6C6;
	background-color: #;
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
}

.errorTextInput {
	padding-left: 2px;
	border: solid 1px #C6C6C6;
	background-color: #;
	font-family: Arial;
	font-size: 10px;
}

#galerie {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow: hidden;
	text-align:center;
}

#galerie li {
	height:140px;
	width:140px;
	float:left;
	text-align:center;
}