/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* CSS styles.css */

/*
Anciennes couleurs
a		color: #003368;
a:hover	color: #0f0e14;

Nouvelles couleurs
a		#2083af;
a:hover	#d54e21;
*/

body {
	background-color: #ffffff;
	font-size: 80%;
	color: #0f0e14;
	/*
	background: url(images/bgcode.gif);
	*/
	background-color: #e5e5e5;
}

html {
	height:101%;
}

/* container */

#container {
background-color: #ffffff;
width: 82em;
margin: auto;
padding: 20px 10px 10px 30px;
border-top: 2px solid #2083af;
border-bottom: 2px solid #2083af;
position: relative;
}

/*header */

#header {
	font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
	height: 11.5em;
	padding: 3em 1em 0 0;
    border-bottom: 1px solid #cccccc;
    position: relative;
}

#header h1 {
	font-size: 3.5em;
	font-weight: bold;
	color: #fa38a7;
	margin-top: 0;
	margin-bottom: 0;
    line-height: 0.9em;
    line-height: 0.7em;

}

#header p {
	/*
	margin-left: 220px;
	margin-left: 270px;
	*/
	font-size: 1em;
	margin-top: 0.5em;
	margin-bottom: 0;
}

#header p.lieux {
    line-height: 2em;
	padding: 0.5em 0 0 0;
}

#header h1 a,  h1 a:hover {
	color: #fa38a7;
	text-decoration: none;
}

#header  p a, p a:hover {
	color: #0f0e14;
	text-decoration: none;
}

#header img {
border: none;
float: left;
margin: 0 1em 1em 0;
}


/*postit info*/

#postit  {
	font-family: "Comic Sans MS", "Trebuchet MS", cursive, Verdana, Futura, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2em 1em 0.5em 1em;
	position: absolute;
	width: 30em;
    top: 2.5em;
    right: 1.5em;
	/*
          border: 1px solid #ebec28;
           border-top: 10px solid #ebec28;
	*/
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
    background:#faff1c;
    background:#ffff91;
    border-bottom: 2px solid #ebec28;
	font-size: 100%;
	background-image: url(images/thumbtack-03.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

#postit a {
    font-weight: bold;
    color: #2083af;
	text-decoration: underline;
}

#postit a:visited {
    color: #1a6b8f;
	text-decoration: underline;
}

#postit a:hover {
	text-decoration: none;
	color: #bc3300;
	border: none;
}

/* buttonbar */

#buttonbartop {
	font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	height: 2em;
	width: 14em;
	background: url(images/bgcode.gif);
    border-bottom: 1px solid #cccccc;
	padding: 0.5em 1em 0 1em;
	position: absolute;
	top: 1.5em;
	left: 2em;
}

#buttonbarbottom {
	font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	height: 15em;
	background: url(images/bgcode.gif);
    border-top: 1px solid #cccccc;
	padding: 0.5em 3em 0em 0em;
	margin-top: 1em;
}




/* toolbar */

#toolbar {
	font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
	height: 2em;
	position: absolute;
	top: 1.5em;
	right: 1em;
}

#toolbar img {
    border: none;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

#toolbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#toolbar  ul li {
	display: inline;
}

#toolbar ul li a
{
	text-decoration: underline;
	color: #2083af;
	padding: 0 10px 0 10px;
}

#toolbar ul li a:visited
{
	text-decoration: underline;
	color: #1a6b8f;
}

#toolbar ul li a:hover
{
	text-decoration: none;
	color: #bc3300;
}

/* navbar*/

#navbar {
	font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
	padding: 0;
	background: url(images/bgcode.gif);
	font-size: 1.2em;
	height: 2.5em;
    border-bottom: 1px solid #cccccc;
}

#navbar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navbar ul li {
	display: inline;
	line-height: 2.5em;
}

#navbar  li {
	float: left;
	padding: 0 2em 0 0;
}

#navbar  li.last {
	float: left;
	padding: 0 0 0 0;
}


#navbar a {
    font-weight: bold;
    color: #2083af;
	text-decoration: underline;
}

#navbar a:visited {
    color: #1a6b8f;
	text-decoration: underline;
}

#navbar a:hover {
	text-decoration: none;
	color: #bc3300;
	border: none;
}

#navbar img {
    border: none;
	margin: 0 7px 0 0;
	vertical-align: middle;
}

#navbar img a, img a:hover {
    text-decoration: none;
}


/* sidebar */

#sidebar {
	font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Futura, Arial, Helvetica, sans-serif;
	background: url(images/bgcode.gif);
	font-size: 1.1em;
	/*
	font-style: italic;
	*/
	font-weight: bold;
	text-align: left;
	float: right;
	width: 17em;
	margin: 0 0 10px 10px;
	border-left: 1px solid #cccccc;
}

#sidebar ul {
	padding: 0 0 2em 1.5em;
	margin: 0;
}


#sidebar ul li {
	list-style-type: none;
}

#sidebar li {
	margin: 2em 0 0 0;
}

#sidebar li.prems {
	margin: 3.5em 0 0 0;
}

#sidebar li.premier {
	margin: 2em 0 0 0;
}

#sidebar li.pfirst {
	margin: 1em 0 0 0;
}

#sidebar li.plast {
	margin: 1em 0 0 0;
}

#sidebar li.premier:first-letter , li.prems:first-letter {
	font-size: 1.3em;
	color: #fa38a7;
}



#sidebar a {
    color: #2083af;
	text-decoration: underline;
}

#sidebar a:visited {
	color: #1a6b8f;
	text-decoration: underline;
}

#sidebar a:hover {
	color: #bc3300;
	text-decoration: none;
}


#sidebar img {
    border: none;
	margin: 0 10px 0 0;
	vertical-align: -20%;
}

#sidebar img.media {
	margin: 0 10px 10px 0;
}

/*contenu*/

#content {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow: hidden;
	text-align: justify;
	height: 1%; /* hack IE */
	padding: 0 15px 0 0;
}

#content a {
    color: #2083af;
	text-decoration: underline;
}

#content a:visited {
	color: #1a6b8f;
	text-decoration: underline;
}

#content a:hover {
	color: #bc3300;
	text-decoration: none;
}

#content p {
	line-height: 1.5em;
	font-size: 1.1em;
	margin: 1em 0 0 0;
}

#content p.space {
	line-height: 1.5em;
	font-size: 1.1em;
	margin: 2em 0 0 0;
}

#content p.teaser {
	line-height: 0.9em;
	font-size: 0.9em;
}

#content h2 {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 20px 0 20px 0;
	border-left: 5px solid #19a5f9;
    border-bottom: 3px solid #cccccc;
	clear: both;
}

#content h2.space {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 50px 0 20px 0;
	border-left: 5px solid #19a5f9;
    border-bottom: 3px solid #cccccc;
	clear: both;
}

#content h3 {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 20px 0 20px 0;
	border-left: 3px solid #fa38a7;
    border-bottom: 2px solid #cccccc;
}

#content h3.space {
	clear: both;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 50px 0 20px 0;
	border-left: 3px solid #fa38a7;
    border-bottom: 2px solid #cccccc;
}

#content h4 {
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 20px 0 20px 0;
	border-left: 2px solid #19a5f9;
    border-bottom: 1px dotted #cccccc;
}

#content h4.space {
	clear: both;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 50px 0 20px 0;
	border-left: 2px solid #19a5f9;
    border-bottom: 1px dotted #cccccc;
}



#content h5 {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 20px 0 20px 0;
	border-left: 2px solid #fa38a7;
    border-bottom: 1px dotted #cccccc;
}


#content img {
	margin: 0 10px 20px 0;
	border: 1px solid #003368;
	float: left;
}

#content img.presse {
	margin: 0 10px 20px 0;
	border: none;
	float: left;
}

#content img.cesu {
	margin: 0 10px 10px 0;
	border: none;
	float: left;
}

#content img.deco {
	margin: 0 5px 0 5px;
	border: none;
	float: none;
}

#content img.deco2 {
	margin: 0 20px 0 20px;
	vertical-align: sub;
	border: none;
	float: none;
}

#content img.external {
	margin: 0 3px 0 0;
	border: none;
	float: none;
}

#content img.new {
	margin: 0 3px 0 0;
	border: none;
	float: none;
	vertical-align: middle;
}

#content img.liste {
	margin: 0 0 10px 0;
	border: 1px solid #003368;
	float: none;
}

#content ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

#content ul.deux {
	list-style-type: none;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}

#content li {
	padding: 1em 0 1em 2em;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: center left;
}

#content li.trois {
	padding: 1em 0 0 2em;
	line-height: 1.1em;
	background-image: url(images/newspaper2.gif);
	background-position: 0em 0.8em;	
}

#content li.faq {
	background-image: url(images/help.png);
}

#content li.resultats {
	background-image: url(images/star.png);
	background-position: 0em 1.1em;
}

#content li.taillecaracteres {
	background-image: url(images/style.png);
}

#content li.clavier {
	background-image: url(images/keyboard.png);
}

#content li.plan {
	background-image: url(images/sitemap_color.png);
}

#content li.plan2 {
	margin: 0 0 0 2em;
	background-image: url(images/sitemap_color.png);
}

#content li.billets {
	background-image: url(images/page.png);
}

#content li.puce {
	padding: 1em 0 0 2em;
	background-image: url(images/tickbleu.gif);
	background-position: 0em 1.2em;	
}

#content li.normal {
	padding: 1.5em 0 0 1.5em;
	line-height: 1em;
	background-image: url(images/bullet_black.png);
	background-position: 0em 1.5em;
}

#content li.m6 {
	padding: 1em 0 0 5em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-m6.gif);
}

#content li.fr3centre {
	padding: 1em 0 0 5em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-fr3-centre.gif);
}

#content li.tf1 {
	padding: 1em 0 0 5em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-tf1.gif);
}

#content li.tmc {
	padding: 1em 0 0 5em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-tmc.gif);
}

#content li.france2 {
	padding: 1em 0 0 5em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-france2.gif);
}

#content li.bpm {
	padding: 1em 0 0 2em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-bpm.gif);
}

#content li.radiocampusrennes {
	padding: 1em 0 0 2em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-radiocampusrennes.gif);
}

#content li.letudiant {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-letudiant.gif);
}

#content li.lexpress {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-lexpress.gif);
}

#content li.lechorepublicain {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-lechorepublicain.gif);
}

#content li.nouvellesyvelines {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-nouvellesyvelines.gif);
}

#content li.courriermantes {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-courriermantes.gif);
}

#content li.nouvellesfr {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-nouvellesfr.gif);
}

#content li.lefigarofr {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-lefigarofr.gif);
}

#content li.letudiantfr {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-letudiantfr.gif);
}

#content li.dossierfamilial {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-dossierfamilial.gif);
}

#content li.leguidesoutienscolaire {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-leguidesoutienscolaire.gif);
}

#content li.tele2semaines {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-tele2semaines.gif);
}

#content li.tvgrandeschaines {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-tvgrandeschaines.gif);
}

#content li.tv2semainesgrandeschaines {
	padding: 1em 0 0 11em;
	line-height: 1.1em;
	background-position: 0em 0.9em;	
	background-image: url(images/li-tele2semainesgrandeschaines.gif);
}

#content li a {
    font-weight: normal;
}

#content dl {
	line-height: 1.3em;
    margin: 1em 0 0 0;
    padding: 0;
	font-size: 1.1em;
}

#content dt {
	vertical-align: middle;
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: bold;
	font-style: italic;
	color: #003368;
	background-repeat: no-repeat;
	background-position: center left;
	text-indent: 40px;
}

#content dt.methodes {
	background-image: url(images/lightbulb.png);
}

#content dt.temoignages {
	background-image: url(images/user_comment.png);
}

#content dt.cesu {
	background-image: url(images/information.png);
}

#content dt.confreres {
	background-image: url(images/user.png);
}

#content dt.consoeurs {
	background-image: url(images/user_female.png);
}

#content dt.groupe {
	background-image: url(images/group.png);
}

#content dt.coeur {
	background-image: url(images/heart.png);
}

#content dt.pouce {
	background-image: url(images/thumb_up.png);
}

#content dt.browser {
	background-image: url(images/monitor.png);
	margin: 0 0 30px 0;
}

#content dt.maths {
	background-image: url(images/pi2.gif);
	margin: 0 0 30px 0;
}

#content dt.physique {
	background-image: url(images/chimie.png);
	margin: 0 0 30px 0;
}

#content dt.videos {
	background-image: url(images/film.png);
	margin: 0 0 30px 0;
}

#content dt.tagrouge {
	background-image: url(images/tag_red.png);
}

#content dt.categorie {
	background-image: url(images/folder.png);
}

#content dd {
    margin: 0 0 1em 40px;
	background: url(images/bgcode.gif);
	border-left: 1px solid #19a5f9;
   	padding: 0 0 0 20px;
}

#content p.faq {
    margin: 0;
	font-size: 1em;
	text-align: right;
}

#content p.faq a {
	font-weight: normal;
}

#content p.categorie {
	background-image: url(images/folder.png);
	background-repeat: no-repeat;
	background-position: center left;
	text-indent: 40px;
	font-style: italic;
}



#content blockquote {
	padding: 10px 0 10px 10px;
    border-left: 1px solid #d54e21;
    border-top: 1px solid #d54e21;
    background:url(images/bgcode.gif);
}

#content object {
	margin: 0 10px 20px 0;
}


#content object.accueil {
	float: left;
	margin: 0 10px 10px 0;
}

#content table {
clear: both;
border: 1px solid #2083af;
background:url(images/bgcode.gif);
width: 100%;
margin-bottom: 10px;
padding: 5px;
line-height: 20px;
border-collapse: collapse;
margin: 10px 0px 10px 1px;
text-align: left;
}

#content td {
vertical-align: top;
font-weight: normal;
padding: 5px 10px 5px 10px;
border: 1px solid #2083af;
}

#content th { 
vertical-align: top;
font-weight: bold;
padding: 5px 10px 5px 10px;
}

#content th.cantons { 
width: 25%;
}

#content th.codepostal { 
width: 23%;
}

#content caption {
text-align: center; 
font-style: italic;
font-size: 90%;
margin: 10px 0px 10px 0px;
}

/* accordeon */

#content .accordion {  /*Pour plier et déplier du texte*/
border: 1px dotted #fa38a7;
border-radius: 5px;
margin: 10px 20px 20px 20px;
}

#content .accordion h6 {
color: #2083af;
text-decoration: underline;
padding: 5px 5px 5px 60px;
background-color: #f5f5f5;
background-image: url(images/fleche-16.jpg);
background-repeat: no-repeat;
background-position: 1% 50%;
cursor: pointer; /*Il est conseillé de laisser cette propriété, qui indique au visiteur qu'il peut cliquer sur l'élément en remplaçant son curseur*/
}

#content .accordion p {
overflow: hidden; /*Propriété indispensable pour le script*/
padding: 0px 5px 5px 10px;
display: none; /*Propriété indispensable pour le script*/
}

/* postit 2 */

#content .postit2  {
	width: 35em;
	margin: 0 0 1em 13em;
	padding: 2em 1em 0.5em 1em;
    top: 2.5em;
    right: 1.5em;
    background:#faff1c;
    background:#ffff91;
    border-bottom: 2px solid #ebec28;
	font-size: 100%;
	background-image: url(images/thumbtack-03.gif);
	background-repeat: no-repeat;
	background-position: top center;
}






/* fil d'ariane */

#breadcrumb  {
padding:0 0 0 0.5em;
margin:1em 0 0 0;
border-left: 1px solid #fa38a7;
font-size:1em;
}

#breadcrumb a.current  {
text-decoration: none;
} 



/* footer */

#footer {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
    clear: both;
	padding: 10px;
	text-align: center;
	font-size: 1em;
}

#footer img {
border: none;
}

/* formulaire */

form {
	margin: 0 0 20px 0;
}

fieldset {
	padding: 10px;
	margin: 10px 0 10px 0;
}

legend {
	padding: 10px;
	border: 1px solid #cccccc;
	font-size: 1.1em;
}

input, textarea {
	background-color: #f0f0f0;
	cursor: pointer;
	border: 1px solid #cccccc;
	margin: 5px 0 5px 0;
	font-size: 1.1em;
}

textarea {
	width: 30em;
	font-size: 1.3em;
}

input.bouton {
	font-size: 1.1em;
	border: 2px outset black;
	margin: 5px 0 0 0;
	padding: 2px;
	font-weight: bold;
	background: url(images/bgcode.gif);
	color: #2083af;
	cursor:pointer;
}

input.bouton:hover {
	border: 2px inset black;
	color: #d54e21;
}

/* divers */

acronym {
	cursor: help;
	color: #003368;
	border-bottom: 1px dotted #003368;
}

strong {
	font-weight: bold;
}

em {
	font-style:italic;
}

kbd {
	font-size: 1.3em;
	padding: 0px 1px 0px 1px;
    border-width: 1px 2px 2px 1px;
    border-style: solid;
    background: #faf6f6;
    color: #000;
    border-color: #edd #baa #baa #eed;
}

.clearboth {
	clear: both;
}

.petit {
	font-size: 0.8em;
}

.gros  {
    font-size: 1.1em;
}

.plusgros  {
    font-size: 1.2em;
}
	
.rouge {
	color: #bc3300;
}

.nouveau  {
	background:#ffff91;
}

hr  {
	color: #000000;
	background-color: #000000;
	height: 0;
	border: 0;
	clear: both;
}