/* anam */


/*-------------------------------------------- GENERAL */
h1, h2, h3, address, p, ul, li{
	display:block;
	margin:0px;
}

html, body{
	margin:0px;
	width:100%;
	font:100%/100% Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
}

#body1{
	background:#414141 url(img/bg1a.jpg) repeat-x top left;
}

#body2{
	background:#414141 url(img/bg2a.jpg) repeat-x top left;
}

#body3{
	background:#414141 url(img/bg3a.jpg) repeat-x top left; 
}

#body4{
	background:#414141 url(img/bg4a.jpg) repeat-x top left; 
}

p{
	margin:0px;
	padding:0px 0px 0px 10px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#673434;
} 

h5{
	margin:0px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#414141;
	text-align: left;
	padding-left: 10px;

}

.bg1{
background:url(img/bg2a.jpg) repeat-x top left;
}

.bg2{
background:url(img/bg2b.jpg) repeat-x top left;
}

.h5{
	margin:0px;
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#414141;
	text-align: left;
	padding-left: 10px;

}


/* ____________CLASSES_______________ */
.txtcontact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #414141;
	text-align:left;
	margin-top: 10px;
}

.txtactu {
	color: #673434;
}
.textactu-bold {
	font-weight: bold;
	color: #673434;
}
.top{
	padding:20px 0px 0px 0px; 
}

.toptxt{
	font:normal 8px Verdana, Arial, Helvetica, sans-serif;
	color:#868686
}

.bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #673335;
}

.vishidden{
	visibility:hidden;
	font: normal 8px Verdana, Arial, Helvetica, sans-serif;
}

.block{
	display:block;
}

.caporange{
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#FF9900;
	padding-left: 0px;
}

#tddroite {
	background: url(img/bg4b.jpg) repeat-x left top;
}
#tdgauche {
	background: url(img/bg4a.jpg) repeat-x left top;
}

#rien{
	height:365px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #D00F00;
}

.h5bis{
	padding-left: 260px;

}
/*-------------------------------------------- BANDEAU */
#general{
	width:955px;
	padding:0px;
	margin: 0px auto;
}

#general #header{
	height:221px;
	width:auto;
	background:url(img/bando1.jpg) no-repeat left top;
}

#general #header2{
	height:226px;
	width:auto;
	background:url(img/bando2.jpg) no-repeat left top;
}

#general2 #header3{
	height:222px;
	width:auto;
	background:url(img/bando3.jpg) no-repeat left top;
}

#general #header4{
	height:222px;
	width:auto;
	background:url(img/bando2.jpg) no-repeat left top;
}

/*-------------------------------------------- MENU */
#menu{
	margin-left:auto;
	margin-right:auto;
	height:33px;
	width:auto;
}

#menu ul{
	margin:0px;
	padding:7px 0px 0px 0px;
}

#menu ul li{
	margin:0px;
	padding:0px;
	display:inline;
}

#menu ul li a{
	margin:0px;
	display:block;
	float:left;
	height:16px;
	text-decoration:none;
}

#menu ul li a:hover{
	background-position:0px -16px;
}

#menu ul li a.focus{
	background-position:0px -16px;
}

a.menu_acc_1{
	width:55px;
	background:url(img/titre1.jpg) top left no-repeat;
	padding:0px 22px 0px 22px;
}

a.menu_acc_2{
	width:158px;
	background:url(img/titre2.jpg) top left no-repeat;
	padding:0px 22px 0px 22px;
}

a.menu_acc_3{
	width:182px;
	background:url(img/titre3.jpg) top left no-repeat;
	padding:0px 22px 0px 22px;
}

a.menu_acc_4{
	width:160px;
	background:url(img/titre4.jpg) top left no-repeat;
	padding:0px 22px 0px 22px;
}

a.menu_acc_5{
	width:74px;
	background:url(img/titre5.jpg) top left no-repeat;
	padding:0px 22px 0px 22px;
}

a.menu_acc_6{
	width:59px;
	background:url(img/titre6.jpg) top left no-repeat;
	padding:0px 22px 0px 22px;
}

/* ---------------------------------------------CONTENU ACCUEIL */
#general #contenu{
	width:auto;
	color:#fff;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding-top: 20px;
}

/* ____________COLONNE 1_______________ */
#general #contenu #col1-pg1{
	/*height:288px;*/
	width:196px;
	float:left;
	background-image:url(img/bg-actu.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	margin:0px;
}

#general #contenu #col1-pg1 ul{
	width:164px;
	padding:50px 10px 0px 10px;
	float:left;
}

#general #contenu #col1-pg1 ul li{
	background-image:url(img/puce.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:15px;
	margin-top:0px;
}

#general #contenu #col1-pg1 p img{
	margin:10px 0px;
}

/* ____________COLONNE 2_______________ */
#general #contenu #col2-pg1{
	height:283px;
	width:224px;
	float:left;
	background-image:url(img/tof-archi.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px 10px 15px 20px;
}

/* ____________COLONNE 3_______________ */
#general #contenu #col3-pg1{
	height:283px;
	width:224px;
	float:left;
	background-image:url(img/tof-travo.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px 10px 15px 10px;
}

/* ____________COLONNE 4_______________ */
#general #contenu #col4-pg1{
	height:287px;
	width:204px;
	float:left;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	margin:0px 12px 15px 0px;
}

#general #contenu #col4-pg1 p{
	margin:5px 10px 10px 10px;
}

#general #contenu #col4-pg1 p img{
	margin:10px;
}

/* ---------------------------------------------CONTENU PAGES INTERNES */
#general #contenu2{ 
	height:auto;
	width:auto;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#868686;
	text-align:right;
	margin:0px 0px 0px 20px;	
}

#general #regroupement{
	height:358px;
	width:530px;
	float: left;
	padding: 0px 0px;

}

#general #contenuflash{
	height:auto;
	width:auto;
	float: left;
	padding: 0px 5px 10px 90px;

}

#general #contenutotal{
	height:358px;
	width:530px;
	float: left;
	padding: 0px 20px 0px 0px;

}

/* ____________COLONNE HAUT_______________ */
#general #contenu2 #col1-pg2{
	height:358px;
	width:358px;
	float:left;
}

/* ____________COLONNE BAS_______________ */
#general #contenu2 #col5-pg2{
	height:auto;
	width:500px;
	padding-top: 10px;
	float: right;
	text-align:right;
	padding-right: 5px;
}

#general #contenu2 #col5-pg2 img{
	cursor:pointer;
	padding:0px 0px 5px 5px;
}

/* ____________COLONNE 2_______________ */
#general #contenu2 #col2-pg2{
	height:358px;
	width:172px;
	float:left;
	padding-left: 20px;
}

#general #contenu2 #col2-pg2 #imgtop{
	margin:0px 0px 15px 0px;
}

/* ____________COLONNE 3 HAUT PAGE DESSIN_______________ */
#general #contenu2 #col3-pg2{
	width:510px;
	margin:0px 0px 0px 20px;
	height: 40px;
	float: left;
	text-align: right;
}

#general #contenu2 #col3-pg2 p{
	padding:0px 10px 5px 10px;
}

#general #contenu2 #col3-pg2 img{
	cursor:pointer;
	padding:5px 0px 0px 20px;
}

#body4 #general #contenu2 #col3-pg2 * {
	display: none;
}

/* ____________COLONNE 3 HAUT CONSEIL_______________ */
#general #contenu2 #col0{
	height:auto;
	width:332px;
	float:left;
	padding-bottom: 7px;
	text-align: left;
}

#general #contenu2 #col0 p{
	padding:0px 10px 5px 10px;
}

#general #contenu2 #col0 img{
	cursor:pointer;
	padding:5px 0px 0px 20px;
}

/* ____________COLONNE 3 HAUT TRAVAUX_______________ */
#general #contenu2 #col02{
	height:auto;
	width:332px;
	float:left;
	margin:0px 0px 25px 0px;
}

#general #contenu2 #col02{
	padding:0px 0px 3px 0px;
	text-align: left;
}

#general #contenu2 #col02 img{
	padding:5px 0px 0px 20px;
}

/* ____________COLONNE 3 BAS_______________ */
#general #contenu2 #col4-pg2{
	height:auto;
	float:left;
	width: 332px;
}

#general #contenu2 #col4-pg2 img{
	padding: 0px 5px 5px 0px;
	cursor:pointer;
}

/* ____________COLONNE 3 BAS_______________ */
#general #contenu2 #col4-pg3{
	height:auto;
	float:left;
	width: 332px;
}

#general #contenu2 #col4-pg3 img{
	padding: 0px 5px 5px 0px;
	height:55px;
	width:55px;
	cursor:pointer;
}


/* --------------------------------------------------CONTACT*/

#general2{
	width:955px;
	height:auto;
	margin:0px auto;
	padding:0px;
}

#general2 #contenu3{
	height:235px;
	width:auto;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#868686;
	clear: both;
}

/* ____________COLONNE 1_______________ */
#general2 #contenu3 #col1-pg3{
	width:auto;
	float:left;
	margin:50px 0px 0px 0px;
}


#general2 #contenu3 img{
	float:left;
	margin: 0px 10px 0px 10px;
	cursor:pointer;
}


/* ____________COLONNE 2_______________ */
#general2 #contenu3 #col2-pg3{
	height:200px;
	width:200px;
	float:left;
}



/* --------------------------------------------------FORMULAIRE*/
label{
	display:block;
	float:left;
	width:70px;
}

.input{
	width:215px;
	border:solid 1px #000;
	margin:0px 0px 5px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}

textarea{
	width:215px;
	border:solid 1px #000;
	margin:0px 0px 5px 0px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
}

#bouton{
	width:113px;
	height:18px;
	background:url(img/bg_bouton.gif);
	margin:0px 0px 0px 174px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:none;
}

#formulaire{
	width:320px;
	background:url(img/formulaire.jpg) no-repeat;
	float:left;
	padding:0px;
	text-align:justify;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
	margin-left: 35px;
	
}

/* --------------------------------------------------FOOTER */
#footer{
	width:955px;
	background:url(img/footer-lin.gif) repeat-x;
	clear:both;
	height: 30px;
	padding-top: 25px;
	text-align: center;
}

#footer p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding: 0px;
}

#footer2{
	width:955px;
	height: auto;
	background:url(img/footer-lin.gif) repeat-x;
	clear:both;
	padding-top: 0px;
	
}

#footer2 p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
	height: 30px;
}

#footer3{
	width:955px;
	height: auto;
	background:url(img/footer-lin.gif) repeat-x;
	clear:both;
	padding-top: 6px;
}

#footer3 p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	height: 30px;
	padding-top: 25px;
}

#footer4{
	width:100%;
	height: auto;
	background:url(img/footer-lin.jpg) repeat-x top left;
	background-color:#414141;
	clear:both;
	padding-top: 6px;
	padding-bottom:110px;
}

#footer4 p{
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	padding: 3px 0px;
	height: 30px;
}


/* -------------------------- Référencement ------------------------------ */
				
.neutre {
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#673434;
	text-decoration:none;
} 

/* -------------------------- Actu------------------------------ */

.newActu{
	width: 190px;	
	color: #fff;
	margin: 10px 0;
	float:left;
	margin-top:60px;
}

.newActu img{
	border: 1px solid #ff0000;
	float: left;
	margin: 0 5px 10px 0;
	
}

.newActu a{
	color: #013c6a;
	font-weight: bold;
	text-decoration: none;
}

.newActu a:hover{
	text-decoration: underline;
}

/**************** Actualités ***********************/

#content{
	width:650px;
	float:left;
	padding:30px;
}

#menuNews h3{
	width:580px;
	margin:20px;
	text-align:center;
	float:left;
}


.date{
	font-weight:bold;
	font-size:10pt;
}

.titreNews{
	font-size:14pt;
	color:#663C2E;
}

.describe{
	width:340px;
	margin-right:20px;
	padding: 10px 10px;
	float:left;
}

.describeNoImage{
	width:680px;
	margin-right:20px;
	padding: 10px 10px;
	float:left;
}

p.imageD{

	margin-top:10px;
	float:left;
}

#menuNews{
	width:580px;
	text-align:left;	
	float:left;
	padding:20px;
	color:black;
	}

/*************** END *****************************/

/*************** ADMIN *****************************/

#admin{
	width:400px;
	height:218px;
	margin: auto;
}

#admin label{
	width:100px;
}

#admin h3{
	color:#663C2E;
	font-size:12pt;
	text-align:center;
}

#tableLogin{
	margin-top:50px;
}

#tableLogin #bouton{
	width:113px;
	height:18px;
	background:url(img/bg_bouton.gif);
	margin:0px 0px 0px 204px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000;
	border:none;
}
/******************END *****************************/