/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, input, select, textarea{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#6c6c6a;font-weight:normal;}

img{border:0}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

select option{padding:0 3px;}

html>body input[type="checkbox"]{margin:3px;}
html>body input[type="radio"]{margin:4px;}

ul li{list-style:none;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background-color:#8c8c8c;}
	
	div#main{position:relative;width:958px;text-align:left;margin:0 auto;}
	
	div#bg_page{float:left;width:958px;background:url(img/bg-page.gif) repeat-y;margin-top:30px;}
	
	div#top, div#middle{float:left;padding-left:1px;}
	div#top{width:957px;}
	div#middle{width:907px}

	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
	
	/* -------- header -------- */
	div#top{background:url(img/bg-header.jpg) no-repeat;}
	
	/* header */
	div#top div#header{float:left;width:957px;height:152px;}
	
	/* logo */
	div#top div#header div#logo{float:left;width:620px;padding:25px 0 0 21px;}
	
	/* connexion */
	div#top div#header div#connexion{/*display:none;*/
	float:left;width:294px;height:107px;margin-top:14px;background:url(img/bg-connexion.jpg) no-repeat;}
	
	div#top div#header div#connexion div#onglet{float:left;width:288px;height:26px;padding:3px 0 0 6px;color:#fff;font-weight:bold;}
	
	div#top div#header div#connexion label{float:left;width:122px;padding:2px 18px 0 0;color:#111;font-weight:bold;text-align:right;}
	
	div#top div#header div#connexion .input_connexion{float:left;width:130px;height:18px;color:#111;border:1px solid #898989;margin-bottom:5px;}
	
	div#top div#header div#connexion div#bouton{float:left;width:120px;padding:2px 0 0 174px;}
	
	div#top div#header div#connexion div#bouton a.bt_valider{width:99px;height:19px;padding-top:3px;background:url(img/bg-bt-valider.gif) no-repeat;font-size:13px;color:#363636;text-align:center;display:block;}
	
	/* nav */
	div#top ul#nav{float:left;width:950px;height:40px;background:url(img/bg-nav.gif) repeat-x;}
	
	div#top ul#nav li{float:left;}
	
	div#top ul#nav li a{width:206px;height:34px;display:block;}
	div#top ul#nav li a span{display:none;}
	
	div#top ul#nav li a#bt_accueil{width:160px;background:url(img/bg-bt-accueil.gif) no-repeat;}
	div#top ul#nav li a#bt_territoire{background:url(img/bg-bt-territoire.gif) no-repeat;}
	div#top ul#nav li a#bt_ingenierie{background:url(img/bg-bt-ingenierie.gif) no-repeat;}
	
	div#top ul#nav li a#bt_accueil:hover, div#top ul#nav li a#bt_territoire:hover, div#top ul#nav li a#bt_ingenierie:hover{background-position:bottom;}
	
	
	/* -------- middle -------- */
	div#middle{padding:7px 0 20px 0;}
	
	/* fil d'ariane */
	div#middle div#fil_ariane{float:left;width:907px;padding:0 30px 5px 13px;color:#383838;}
	div#middle div#fil_ariane a{color:#383838;}
	
	div#bonjour {background:transparent url(img/bg-connexion.jpg) no-repeat scroll 0 0;
		height:107px;
		padding:10px;
		position:absolute;
		right:10px;
		top:50px;
		width:294px;}
	
	/* -------- footer -------- */
	div#bottom{float:left;width:951px;background:url(img/bg-footer.gif) no-repeat;padding:30px 7px 30px 0;font-size:13px;color:#fff;text-align:right;}
	div#bottom a{color:#fff;}
	
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	.bold{font-weight:bold;}
	.normal{font-weight:normal;}
	
	.clear{clear:both;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page rrp */ 
/*************************************************************************************************************************************************************************/
	div#middle div.colonne{float:left;/*width:415px;*/padding:0 4px 0 26px;}
	div#main div#middle div.colonne {width:100%;}
	div#main.sommaire div#middle div.colonne {width:415px;}	
	
	div#middle div.colonne h2{float:left;/**/ width:100%;height:36px;background:url(img/bg-h2.gif) repeat-x;font-size:18px;color:#d3190a;}
	div#main.sommaire div#middle div.colonne h2 {width:415px;}
	
	div#middle div.colonne h2 {float:left;/*width:362px;*/ width:100%;height:29px;text-transform:uppercase; padding:7px 0 0 6px;} 
	div#middle div.colonne h2 #h2_territoire{background:url(img/bg-h2-territoire.gif) no-repeat; padding:7px 0 0 53px; }
	div#middle div.colonne h2 #h2_ingenierie{background:url(img/bg-h2-ingenierie.gif) no-repeat; padding:7px 0 0 53px; }
	
	div#middle div.colonne h3{/*float:left;*/width:393px;padding:20px 0 0 22px;background:url(img/bg-fleche-h3.gif) no-repeat 0px 22px;font-size:14px;color:#d3190a;font-weight:bold;clear:left;}
	
	div#middle div.colonne p.paragraphe{float:left;width:373px;padding:10px 0 0 42px;clear:left;}
	
	div#middle div.colonne p.paragraphe .nom{color:#3a3a3a;}
	div#middle div.colonne p.paragraphe .date{color:#252525;}
	
	div#middle div.colonne p.lien{float:left;width:415px;padding:20px 0 10px 0;color:#d3190a;text-align:right;clear:left;}
	div#middle div.colonne p.lien img{vertical-align:middle;}
	
	div#middle div.colonne p.lien a{color:#d3190a;text-decoration:underline;}
	div#middle div.colonne p.lien a:hover{text-decoration:none;}
	
	/* bloc liens */
	div#middle div.colonne div.bloc_liens{float:left;width:421px;background-color:#e9e9e9;padding-top:3px;margin:12px 0 0 0px; clear:left;}
	
	div#middle div.colonne div.bloc_liens a{color:#d3190a;}
	
	div#middle div.colonne div.bloc_liens p.lk_acceder, div#middle div.colonne div.bloc_liens p.lk_consulter{float:left;width:344px;padding:15px 30px 13px 41px;color:#d3190a;}
	div#middle div.colonne div.bloc_liens p.lk_consulter{padding:13px 30px 9px 41px;background:url(img/bg-lk-acceder.gif) no-repeat 10px 7px;}
	
	.entry-content,
	.cartouche p {clear:left;}
	
	.colonne p {padding:0 3px 5px 3px;}
	.colonne ul {margin:5px 0 0 23px; clear:left;}
	
	
	.formulaire_spip fieldset,
	.formulaire_spip fieldset.previsu {margin:35px; border:1px solid #EEEEEE; padding:15px;}
	
	.forum-message {background-color:#EEEEEE;margin:10px 0;padding:10px;}
	
	.forum-texte p {padding:5px 0;}

	.formulaire_login form {
		background:transparent url(img/bg-connexion.jpg) no-repeat scroll 0 0;
		margin:0;
		padding:0;
		position:absolute;
		right:22px;
		top:44px;
		width:294px;
		height:107px;
		overflow:hidden;
		}
	.formulaire_login form fieldset {
		margin:0;
		padding:0;
		border:none;
		}
	.formulaire_login form legend {
		display:none;
		}
	.formulaire_login form label {
		float:left;
		clear:left;
		width:120px;
		}
	.formulaire_login form input.text,
	.formulaire_login form input.password {
		width:100px;
		border:1px inset;
		}

	.formulaire_login .editer_password .details,
	li.editer_session {
		display:none;
		}

	.formulaire_spip .boutons input {	
		border:1px solid grey;
		}
	
	.formulaire_login .boutons input {
		background:transparent url(img/bg-bt-valider.gif) no-repeat scroll 0 0;
		color:#363636;
		display:block;
		font-size:13px;
		height:26px;
		padding:0 0 8px 0;
		text-align:center;
		width:103px;
		border:none;
		}
	.formulaire_login .boutons {
		float:left;
		padding:2px 0 0 129px;
		width:120px;
		}
	.erreur_message {
		float:left;
		clear:left;
		}

	.formulaire_spip fieldset.previsu legend {
		color:#D3190A;
		}
	
	.formulaire_forum .boutons {
		margin-right:35px;
		}
	.formulaire_forum .previsu .boutons {
		margin-right:0px;
		}