/*---------------------------------------------------------------------
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
-------------------------------------------------------------------------
Copyright 2007 POINT WEB
type : screen
categorie : structure site
Auteur : 
site : 
-------------------------------------------------------------------------*/
/*----------- DETECTION JS--------------------*/
#jserror{ background:#FFFFCC; border:#FF0000; color:#FF0000; padding: 10px; margin: 0 0 10px 0; float:left}
#jserror dt{ font-weight:bold}
/*--------------------------------------------*/

*{margin:0; padding:0}
body{ background:#fff url(../images/bg_site.gif) repeat-x left top;font-family:Arial, Helvetica, sans-serif;}
h1, hr{ display:none}
a{ text-decoration:none; outline:none}
a:hover{ text-decoration:underline}
#accessibilite { display:none}

/*--------------------------------------------------
------------------< STRUCTURE >---------------------
--------------------------------------------------*/
#global{width:955px; margin:0 auto}
#header{ height:339px; display:none}
#logo{ float:left; width:242px; height:132px}
#logo a{ text-align:center; font-size:12px; color:#990000}
#icones{ float:left; width:261px; height:42px; background:url(../images/bg_icones.jpg) no-repeat top left; padding:90px 0 0 425px}
#icones p{float:left; margin:0 40px 0 6px; display:inline}
#icones a{ font-size:11px; color:#d31111}
#bandeau-flash{ height:207px; width:955px; clear:both;display:none;}
#bandeau-flash a{ text-align:center; font-size:12px; color:#990000}

#phrase{ position:absolute; z-index:999; width:331px; height:59px; top:0; left:0;display:none;}

#wrapper{ background:url(../images/bg_wrapper.jpg) no-repeat bottom left; min-height:409px; padding: 0 0 20px 0; position:relative}
#content{ font-size:12px; color:#333333; margin:20px 0 0px 0}
#content a{ font-size:12px; color:#333333}
#content span.rouge{font-size:12px; color:#d31111}
#content span.vert{font-size:13px; color:#64ab17}
h2{font-size:13px; color:#d31111; margin:0 0 20px 0}
h2 span{font-size:13px; color:#4c78b9;}

#footer{ height:52px; background:url(../images/bg_footer.jpg) no-repeat top left; font-size:11px; color:#999;display:none;}
#footer a{font-size:11px; color:#999}
#footer span{font-size:11px; color:#d31111}
#coordonnees{ float:left; margin:15px 0 0 0}
#copyright{ float:right; text-align:right;margin:15px 0 0 0}

/*--------------------------------------------------
------------------< exemple concret >---------------------
--------------------------------------------------*/
.bloc-exemple{ float:left; width:276px; margin:0 20px 0 0}
.bloc-exemple p{ font-size:11px; margin:0 0 0 5px}
.indic{ color:#999999; font-size:11px}

.exemple{ border:#e7e7e7 solid 1px}
.exemple td{ border:#e7e7e7 solid 1px}

.informations{ border:#e7e7e7 solid 1px; font-size:10px; color:#666666; padding:10px}
/*--------------------------------------------------
------------------< actus >---------------------
--------------------------------------------------*/
.bloc-actu{border:#e7e7e7 solid 1px; padding:7px; font-size:11px; margin:0 0 10px 0}
.bloc-actu dt{font-size:12px; color:#d31111; margin:0 0 10px 0}
.img1{ border:#999999 dotted 1px; float:left; margin:0 10px 10px 0}

/*--------------------------------------------------
------------------< Compteur page >---------------------
--------------------------------------------------*/
	#compteur-pages{ width:600px; float:left; margin:10px 0 0 0; font-size:11px; color:#ccc}
	#compteur-pages a { color:#ccc; text-decoration:none }
	#compteur-pages  a:hover {color:#999; text-decoration:underline}
	#compteur-pages div{float:left}
	#compteur-page1{text-align:left; width:150px}
	#compteur-page1 a { margin:0 0 0 0}
	#compteur-page2{text-align:center;width:300px}
	#compteur-page3{text-align:right;width:150px}
	
	/*--------------------------------------------------
------------------< partenaires >---------------------
--------------------------------------------------*/
.bloc-partenaire{border:#e7e7e7 solid 1px; padding:7px; font-size:11px; margin:0 0 10px 0}
.bloc-partenaire dt{font-size:12px; color:#d31111; margin:0 0 10px 0}
.bloc-partenaire dd{ overflow:hidden; }
.img1{ border:#999999 dotted 1px; float:left; margin:0 10px 10px 0}

a.bleu{font-size:12px; color:#1b4a8e}
a:hover.bleu{font-size:12px; color:#7797c5}

/*--------------------------------------------------
------------------< dossier en ligne >---------------------
--------------------------------------------------*/
#list1{ /*display:none;*/ width:600px}

#formdossier{padding:10px; width:610px;font-size:12px; color:#333333;width:900px;}
#formdossier legend{ font-size:14px;color:#1b4a8e; padding:0 5px 0 5px}
#formdossier fieldset{border: #CCCCCC solid 1px;padding:10px; width:700px}

#formdossier label{ 
	margin:0 5px 0 0; 
	display:inline; 
	width:100px; 
	float:left;
	text-align:right
}
#formdossier input{
	border:#999 1px solid;
	color:#333;
	font-size:95%;
	width:100px
}
#formdossier input.grd-input{	
border:#999 1px solid;
	color:#333;
	font-size:95%;
	width:535px}
	
#formdossier input.moyen-input{	
border:#999 1px solid;
	color:#333;
	font-size:95%;
	width:140px}
		
#formdossier input.petit-input{	
border:#999 1px solid;
	color:#333;
	font-size:95%;
	width:65px}
	
#formdossier textarea{	
	border:#999 1px solid;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:597px;
	font-size:11px;
}
#formdossier input:focus, textarea:focus{background:#f1f1f1}
#formdossier input.submit{margin: 0 0 0 0; background:#e0e8f3;cursor:pointer; width:280px; height:25px; font-size:14px; font-weight:bold}
#formdossier input.submit:hover{background:#cdd6e3; cursor:pointer}
#formdossier .bobox{ height:15px; width:15px; border:none}

/*--------------------------------------------------
------------------< Contact >---------------------
--------------------------------------------------*/

#titre4{ background:url(../images/titre-contact.jpg) no-repeat left top; width:625px; height:22px}

#form1{ }
#form1 div{margin:5px}
legend{display:none}
fieldset{border:none}
label{ 
	margin:0 5px 0 170px; 
	display:inline; 
	width:100px; 
	float:left;
	text-align:right
}
input{
	border:#666 1px solid;
	color:#333;
	font-size:95%;
	width:150px
}
textarea{	
	border:#666 1px solid;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	font-size:1.1em;
}
input:focus, textarea:focus{background:#f1f1f1}
input.submit{margin: 0 0 0 275px; background:#e0e8f3;cursor:pointer;}
input.submit:hover{background:#ccc; cursor:pointer}
#hpage{display:none;}