/* screen.css */
/* styles pour l'ecran */

/* debug a supprimer */
/* div#container { background:#ccffcc; } */

/*
	DEFINITIONS GENERIQUES (nettoyage) ---------------------------
	credits for general definition go to Richard Rutter, see:
	- http://www.clagnut.com/blog/1287/
	- http://www.clagnut.com/blog/348/
*/
* html {padding:0; margin:0; }
}
*, body { padding:0; margin:0;  }
ul,ol {margin-left:0; list-style:none;}
/*
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; }
*/
img { border:0; }

/* mise en page globale */

body {text-align:left;font:62.5% Verdana,arial,helvetica,sans-serif; color:#000000;background:#ffffff;} /* 62.5% = 10px */

#container {text-align:left; margin:auto; width:760px;}

h1 { font:150% Verdana, arial, helvetica, sans-serif; font-weight:bold; color:#CC0033;background:#E0E0E0;}
h2 { font-size:120%; font-weight:bold; color:#888; padding:0 10px ; background:url(./img/puce_titre.gif) 0px 5px no-repeat;}
h2.separateur { border-top:1px solid #dddddd; font-size:120%; background:#efefef;}
h3 { font-size:100%; font-weight:bold; color:#CC0033; padding:0 10px ; background:url(./img/puce_titre.gif) center left no-repeat;}
a:link { text-decoration:none; color:#222; }
a:visited {text-decoration:none; color:#222;}
a:hover, a:active, a:focus { text-decoration:underline; color:#CC0033; } /* tested with background:#F9E3E9; too */
p { margin-bottom: 1em; }

.texte {margin-top:20px;}
/*
	fin definitions generiques
*/


p.skiplinks { font-size:1px; position:absolute; top:0; left:-9000px; }
#header {
	margin:5px 0; text-align:right;
}
#header h1 { font:120%; float:left;}
//div#header span {position: absolute ; top:200px; left:140px; color:#ffffff;background:url(./img/retour.gif) no-repeat; padding: 0 20px;cursor:pointer; text-decoration: none;}


#nav {min-height:10px;}
#nav #navul { padding:0 0 0 0; }
#nav ul { list-style:none; padding:0;  border-top:solid 1px #ccc;}
#nav li {border-bottom:solid 1px #ccc; padding:4px 4px 4px 20px; background:url(./img/fleche_corsica.gif) center left no-repeat;}
#nav a:link, #nav  a:visited, #nav  a:hover, #nav  a:active, #nav a:focus {display:block; color:#000; font:120% arial,helvetica,sans-serif; text-decoration:none;}
#nav a:hover, #nav a:active, #nav a:focus, #nav li.highlight a:link, #nav li.highlight a:visited { color:#68B4D9; }



html>body #subnav ul { height:auto; min-height:160px; }


#visuel_content { padding:10px; }
#visuel_content img { padding-top:10px; }

#content h2 { margin-top:1em; }
#content a.savoir_plus { display:block; }
#content h1 { font-size:120%; padding:0 10px 0 10px; margin-bottom:1em; }
#content div#texte { padding:0 10px 10px 10px; }
#content div#chapo { padding:0 10px 10px 10px; font-size:120%; font-weight:bold; }



/* page accueil */

#haut{width:760px;}
#deco_home_gauche {float:left; width:150px; margin-right:30px;}
#deco_home_centre {float:left; width:400px;text-align:left;}
#deco_home_centre p{padding-left:10px;}
#deco_home_droite {float:right; width:130px;margin-top:20px;}

#bas { margin-top:20px; }
#menuhome_g {float:left; width:170px; margin-right:30px;}
#menuhome_centre {float:left; width:360px;}
#menuhome_d {float:right; width:170px;}
/*les rubriques centre Reseau et Haut debit avec images  *//* --     border: 1px red solid; */
#blocimagesG 	{width: 126px; height: 126px;float:left;}
#blocimagesD 	{width: 126px; height: 126px;float:right;}
/*les rubriques en haut a droite avec images  */
#blocimages {width: 150px; height:80px;float:right;text-decoration:underline;}

.texte ul {padding-left:0;}

/* page rubrique ul h3 {padding-left:0px;list-style-type:none; list-style-position:outside; font-weight:bold; color:#C03; background:url(./img/puce_titre.gif) center left no-repeat;}
texte ul h3 {padding-left:0px;list-style-type:none; list-style-position:outside; font-weight:bold; color:#C03; background:url(./img/puce_titre.gif) center left no-repeat;}
texte li h3 {list-style-type:none; margin:0; }*/

#menu {float:left; width:150px;padding-top:22px;}
#contenu {margin-left:180px; width:560px;}

.content {text-align:left; margin:auto; width:760px;}
.logo_rub {text-align:center; margin-top:22px;}

p#chemindefer { margin:0 0 15px 0; padding:.2em 0; color:#999999; border-bottom:1px solid #efefef; }
p#chemindefer a:link, p#chemindefer a:visited { color:#999999; text-decoration:underline;}
p#chemindefer a:hover, p#chemindefer a:active, p#chemindefer a:focus { color:#000000; }
#rub h2 {background:none; padding:0 0 10px 0; }
#rub h2 a{font-weight:bold; color:#C03; padding:0;}
#rub h2 a:hover{font-weight:bold; color:#C03;  }
#rub h2 ul{ list-style:none;}
#rub ul{ list-style-type:none;padding-left:0px;}
#rub li{ list-style-type:none; padding:4px 4px 4px 20px;}

.trait {width:560px; height: 10px; border-top: solid 5px #ddd; margin-top:20px; }

/* pied de page */

#footer {width:760px; height: 30px; border-top: solid 5px #ddd; margin-top:20px; }
#plan{ }
#courriel {margin-left:330px; }

#footer ul { list-style:none; padding-left:180px; }
#footer li { display: inline; padding:5px 4px 4px 10px; float:left; background:url(./img/puce_corsica.gif) center left no-repeat;}
#footer a:link {color:#c03;  text-decoration:none;}
#footer a:link, #footer a:visited,#footer  a:hover, #footer  a:active, #footer a:focus {color:#000;  text-decoration:none;}
#footer a:hover, #footer a:active, #footer a:focus, #footer li.highlight a:link, #footer li.highlight a:visited { color:#C03 }


/* home 
div#content_home h1 { font-family: Verdana; font-weight:bold; color:#CF1141; background:#E0E0E0; text-align:left;margin-bottom:15px;}
div#content_home div#texte { text-align:left; }
div.visuel_home { text-align:left; }
*/

.nettoie {clear:both;}

.adroite {float:right;}