/*
	:::: general ::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

body {
	font-family: Verdana, sans-serif;
	font-size:62.5%;
	color:#333;
	margin:0;
	padding:0;
	}
body * {
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	list-style-type:none;
	color:#333;
	}
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; margin-top:30px;margin-left:5px; }
h3.type { font-size: 1.4em; margin-top:5px;margin-left:5px; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }


/*
	:::: link color codes :::::::::::::::::::::::::::::::::::::::::::
*/
/* -------------------------------------------
   Liens par défaut
--------------------------------------------*/
a {
	text-decoration:none;
	}
a:link {
	color:#dd2442;
	}
a:visited {
	color:#dd2442;
	}
a:hover {
	color:#dd2442;
	}
	
/* -------------------------------------------
   Barre de menu principale (cic, info, etc...
--------------------------------------------*/


#content ul.nav li a {
	color:#eee;
	}
#content ul.nav li a:hover {
	color:#dd2442;
	}
#content ul.nav li a.cur {	/* current section */
	color:#dd2442;
	font-weight:normal;
	}


#navcontent ul.nav {
	margin-left: 40px;
}
	
#navcontent ul.nav li a {
	color:#eee;
	}
#navcontent ul.nav li a:hover {
	color:#dd2442;
	}
#navcontent ul.nav li a.cur {	/* current section */
	color:#dd2442;
	font-weight:normal;
	}

#navcontent p {
	margin: 0;
	padding: 1px;
	background-color: #000;
}
	
#navcontent p.nav a {
	color:#eee;
	}
#navcontent p.nav a:hover {
	color:#dd2442;
	}
#navcontent p.nav a.cur {	
	color:#dd2442;
	font-weight:normal;
	}



/* -------------------------------------------
   Barre de menu outil (home + langue)
--------------------------------------------*/
#sidebar ul.nav li a {
	color:#eee;
	}
#sidebar ul.nav li a:hover {
	color:#dd2442;
	}
#sidebar ul.nav li a.cur {	/* current section */
	color:#dd2442;
	font-weight:normal;
	}

/* -----------------------
   Sous-menu (liste expo)
------------------------*/

#sub dl a {
	color:#333;
	}
#sub dl a:hover {
	color:#dd2442;
	}
#sub dl a.red {	/* current section */
	color:#dd2442;
	font-weight:normal;
	}

/* --------------------------------------------
   variante de liens pour les projets Internet
---------------------------------------------*/
#projetsinternet a,
#projetsinternet a:hover,
#projetsinternet a:visited {
font-weight: normal;
color:#333;
text-decoration: underline;
}

/* --------------------------------------------
   variante de liens pour le catalogue de liens
---------------------------------------------*/
#liens a,
#liens a:hover,
#liens a:visited {
	font-weight: normal;
	margin-left: 5px;
	color:#333;
	font-size: 11px;
}
#liens a:hover {
	text-decoration: underline;
}


/*
	:::: structure ::::::::::::::::::::::::::::::::::::::::::::::::::
*/
#wrapper {
	width:900px;
}

#main #sidebar {
	float:left;
	width:220px;	/* if you change this -> change content left margin too */
}

#main #content {
	margin-left:220px;	/* if you change this -> change sidebar width too */
}

#header li {
	display:inline;	/* avoid nasty 1px borders in IE/Win */
}

#header #logo {
	padding-bottom:25px;
	background-color:#141414;	/* should be #000 with proper logo */
}
#footer {
	font-size:1em;
	text-align:center;
	color:#ccc;
	margin-bottom:1em;
}
/*
	:::: nav :::::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.nav {
	padding-left:14px;
	padding-bottom:.5em;
	background-color:#141414;	/* should be #000 with proper logo */
	}
.nav li {
	display:inline;
	padding:0 1.5em 0 0;
}
.titre_videos {
	font-size:4em;
	color:#fff;
	}


/*
	:::: sidebar :::::::::::::::::::::::::::::::::::::::::::::::::
*/
#sidebar dl {
	margin:15px 14px;
	font-size:1.1em;
	}
#sidebar dl dt {
	margin: 0 0 .5em 0;
	padding-left:1em;
	border-left:1px solid #000;
	}
#sidebar dl dd {
	margin:0 0 .5em 1.5em;
	padding-left:1em;
	border-left:1px solid #000;
	}
/*
	:::: content :::::::::::::::::::::::::::::::::::::::::::::::::
*/

#content {
	color:#333;
	line-height: 1.2;
}
#content #info {
	margin:15px 0px 0px 14px;
	padding:0px 5px 10px 0px;
	background-color:#c0dbc7;
}
	
#content #info p.legend {
	margin-top:-12px;
	color: #666;
	font-size:10px;
}
#content #info p.note {
	font-style:italic;  
}

#content h2 {
	margin:0px 0px 0px 0px;
	padding-left:5px;
	color: #dd2442;
	font-size:2em;
	font-weight:normal;
	text-transform:uppercase;
	}
	
#content p {
	margin:1em 30px 1em 0px;
	padding-left:5px;
	font-size:1.1em;
	line-height:1.6em;
	color:#333;
}

#content td {
	margin:1em 30px 1em 0px;
	padding-left:5px;
	font-size:1.1em;
	line-height:1.6em;
	color:#333;
}


#content img {
	display:block;
	margin:1.5em 0px;
}

#content a#gotop img {
	display:block;
	margin:-1em 0px 0px auto;	/* to compensate the p 1em bottom margin */
	background-color:transparent;
}

#content #info ul {
	/* list-style-image: url(../cic_docs/habillage/puce_tiret.gif); */
	margin-left: 0px;
	padding-left: 2em;
}

#content #info li {
	margin: 0px;
	padding: 0px;
	line-height: 16px;
	text-decoration: none;
	display: list-item;
}


#sidebar dt.black,
#sidebar dd.black {
	color:#000;
	border-color:#000;
}

#sidebar dt.black2005,
#sidebar dd.black2005 {
	color:#000;
	border-color:#000;
	margin-left:7px;
}

#sidebar dt.red,
#sidebar dd.red {
	color:#dd2442;
	border-color:#dd2442;
}

#sidebar dt.grey,
#sidebar dd.grey {
	color:#ccc;
	border-color:#ccc;
}

#liens ul {
	margin-top:10px;
}
#liens ul li{
	margin-bottom:3px;
	display: list-item;
}



/*
	:::: cells global ::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#content .row {
	margin:0px;
	height:172px;
	background-color:#fff;
	}
#content .row h3 {
	margin:0;
	padding:3px;
	font-size:180%;
	font-weight:normal;
	}
#content .row p {
	margin:0;
	padding:3px;
	margin-bottom:2px;
	line-height:1.1em;
	}
#content .row #cellA1,
#content .row #cellA2,
#content .row #cellA3 {
	width:172px;
	height:172px;
	margin:10px 0px 0px 0px;
	background-color:#fafafa;
	}
#content .row #cellB1,
#content .row #cellB2,
#content .row #cellB3 {
	width:172px;
	height:172px;
	margin:-172px 0px 0px 182px;
	background-color:#fafafa;
	}
#content .row #cellC1,
#content .row #cellC2,
#content .row #cellC3 {
	width:172px;
	height:172px;
	margin:-172px 0 0 364px;
	background-color:#fafafa;
	}
#content .row #cellD1,
#content .row #cellD2,
#content .row #cellD3 {
	width:172px;
	height:172px;
	margin:-172px 0 0 546px;
	background-color:#fafafa;
	}
	
#content .row #cellE1,
#content .row #cellE2,
#content .row #cellE3 {
	width:172px;
	height:172px;
	margin:-172px 0 0 728px;
	background-color:#fafafa;
	}
	
#content .row #cellA1 {
	margin-top:20px;
}
	/*
#content .row a.edit {
	display:block;
	width:172px;
	height:172px;
	}
*/
	
	
	
	
/*
	:::: colors ::::::::::::::::::::::::::::::::::::::::::::::::::
*/
.f0e89c {
	background-color:#f0e89c;
}
.bec3d8 {
	background-color:#bec3d8;
}
.dd2442 {
	background-color:#dd2442;
}
.c3dce6 {
	background-color:#c3dce6;
}
.c0dbc7 {
	background-color:#c0dbc7;
}