html,
body
{
	margin: 0px;
	padding: 0px;
	height:100%;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
	background: #666666 url(/images/bg_page.gif);
}

h1
{
	font: normal normal bold 13px Arial, Helvetica, sans-serif;
	color: #cc0000;
	padding:0px;
	margin:0px;
}

h2 
{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #3366cc;
	padding:0px;
	margin:0px;
}

h3 
{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #cc0000;
	padding:0px;
	margin:0px;
}


h4 
{
	font: normal normal bold 11px Arial, Helvetica, sans-serif;
	color: #cc0000;
	padding:0px;
	margin:0px;
}

.rouge {
	font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #dd0000;
}

.gris {
	font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #777;
}


.rougebold {
	font: normal normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #dd0000;
}

.date {
	font: normal normal normal 11px Arial, Helvetica, sans-serif;
	color: #333;
}

/*
p { padding:0; margin:0; font-weight:normal; text-decoration:none; }
*/

.p { padding:0; margin:0; font-weight:normal; text-decoration:none; }

/* ---- Equipe -------*/

.h2-p {
	font: normal normal bold 18px Arial, Helvetica, sans-serif;
	color: #3366cc;
	padding:0px;
	margin:0px;
}

.h1-n {
	font: normal normal bold 24px Arial, Helvetica, sans-serif;
	color: #3366cc;
	padding:0px;
	margin:0px;
}

/* -------- images contenu ------------*/

.picture { 
	background-color: #F9F9F9; 
	border: 1px solid #e6e6e6;
	padding: 4px;
	font: normal normal normal 11px Arial, sans-serif; 
} 
.picture img { 
	border: 1px solid #e6e6e6; 
	vertical-align:middle; 
	margin-bottom: 3px; 
}

.agrandir { 
    text-align:right;
	background:transparent url(/images/loupe.gif) no-repeat center right;
	padding: 5px 25px 2px 2px;	
	margin:2px;
}  

.right { 
	margin: 5px 0px 10px 10px;
	float:right; 
} 

.left { 
	margin: 5px 10px 10px 0px;
	float:left; 
} 

/* ---------------- */

img.floatLeftNoImage { 
	float: left; 
	margin: 5px 10px 10px 0px;
	padding: 2px;
	border: 2px solid #ffffff;
}

img.floatLeft { 
	float: left; 
	margin: 5px 10px 10px 0px;
	padding: 2px;
	border: 2px solid #e6e6e6;
}
img.floatRight { 
	float: right; 
	margin: 5px 0px 10px 10px;
	padding: 2px;
	border: 2px solid #e6e6e6;
}

.imgPage {
	margin: 5px 5px 5px 5px;
	padding: 1px;
	border: 2px solid #eee;
}

.imgDroite {
	float: right; 
	margin: 0px 0px 10px 10px;
	padding: 2px;
	border: 2px solid #eee;
}
.imgGauche {
	float: left; 
	margin: 0px 10px 10px 0px;
	padding: 2px;
	border: 2px solid #eee;
}

/* -------- images équipe -------------*/

#picture-holder {
	margin:	1px;
	text-align: center;
}
#picture-holder a:hover img {
	margin:	1px;
	border: 4px solid #97baee;
}

#picture-holder h2 {
	color : #b6b6b6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin: 3px;
	text-decoration: none;
}

.imgThumb {
	margin: 1px;
	padding: 1px;
	border: 4px solid #e6e6e6;
}

/* ---- fin Equipe ------*/


hr {border: 0;width: 96%;color: #E0E0E0;background-color: #E0E0E0;height: 1px;}

.hr {	
	clear:both; 
	border: 0;
	width: 100%;
	color: #e5e5e5;
	background-color: #E0E0E0;
	height: 1px;
}

.hr-right {border: 0;width: 96%;color: #E0E0E0;background-color: #E0E0E0;height: 1px;}

.bg_box {
	border:1px solid #eee;padding:5px;background:#F9F9F9 url(/images/bg_box.jpg) repeat-x;
}
.box-half-content {
	float:left;width:45%;padding:5px;
}
.box-content {
    padding:5px;
}

.contenu {
	color: #111;font: normal normal normal 13px Arial, Helvetica, sans-serif;padding: 5px 10px 5px 10px;
}

/*---- lien ----*/
a {color:#3366cc; font-weight:normal; text-decoration:none; } /* 3366cc */
a:link {color:#3366cc; font-weight:normal; text-decoration:none;}
a:visited {color:#3366cc; font-weight:normal; text-decoration:none;}
a:active,
a:focus {outline:0; }
a:hover {color:#cc0000; font-weight:normal; text-decoration:none; }

/*--- lien listing -----*/
a.lien {color:#000; font-weight:normal; text-decoration:none; } /* 3366cc */
a.lien:link {color:#000; font-weight:normal; text-decoration:none;}
a.lien:visited {color:#111; font-weight:normal; text-decoration:none;}
a.lien:active,
a.lien:focus {outline:0; }
a.lien:hover {color:#3366cc; font-weight:normal; text-decoration:none; }

img
{
	border: 0px;
}

#maincontainer {
    width: 980px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    background-color:#fff;
}

#topmenu {
	width: 980px;
	height: 57px;
	margin:0 auto;
	background: transparent url(/images/bg_top_nav.jpg) repeat-x;
}

/* --------------------------- */

#infolettre {
    float:left;
    /*width:620px;*/
    padding:10px;
    margin:0px;
}

#infolettre input {
    color: #333333; 
    background-color: #ffffff; 
    width: 180px; 
    margin: 2px; 
    border: solid 1px #ddd;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    margin:0;padding:0;
}
#infolettre input.InputCP {
    color: #333333; 
    background-color: #ffffff; 
    width: 90px; 
    margin: 2px; 
    border: solid 1px #ddd;
    font: normal normal normal 12px Arial, Helvetica, sans-serif;
    /*text-transform:uppercase;*/
    margin:0;padding:0;
}

#infolettre input.SubmitRed {
    font: normal normal bold 12px Arial, Helvetica, sans-serif;
    background:#cc0000;
    border:0px;
    width: 130px; 
    color:#ffffff;
    margin:0;padding:0;
}

.erreur {
    text-align:left;
    font: normal normal normal 11px Arial, Helvetica, sans-serif;
    color:#cc0000;
	background:transparent url(/images/icon-error.gif) no-repeat center left;
	padding: 2px 2px 2px 20px;	
	margin:2px;
}

/* --------------------------- */

form {
    padding:0px;
    margin:0px;
}

#navicon {
    float:right;
    /*width:320px;*/
    padding:0px 10px 0px 0px;
    margin:0px;
}
#navicon img {border: none; }
#navicon ul {padding: 0px; margin:0px;}
#navicon li {display: inline; list-style:none; }

#header {
	width: 980px;
	height:276px;
	margin:0 auto;
	background: #ffffff url(/images/header.jpg) no-repeat;
}

#mainmenu {
	width: 980px;
	height: 34px;
	margin:0 auto;
	border-bottom: 1px solid #e7e7e7;
	/*background: transparent url(/images/bg_menu_rouge.jpg) repeat-x;*/
}

#contentwrapper{
    float: left;
    width: 100%;
    background-color:#fff;
}

/*--- page accueil ---*/

#contentcolumn{
	margin-right: 350px;
	background-color:#fff;
}

#rightcolumn{
	float: left;
	width: 350px;
	margin-left: -350px;
	background-color:#fff;
}

/*--- page contenu ---*/

#content{
	margin-right: 270px;
	background-color:#fff;
    border-right: 1px solid #e7e7e7;
}

#contentright{
	float: left;
	width: 260px;
	margin-left: -270px;
	background-color:#fff;
	padding-left:10px;
}

/* http://www.pixel2life.com/forums/index.php?showtopic=37352 */


#video-acc {
    /*position: relative;*/

    overflow: auto; /*leave this value alone*/
    border: 6px solid #eeeeee;    
    width: 320px; /*Width of Carousel Viewer itself*/
    height: 265px; /*Height should enough to fit largest content's height*/
}


#footer {
    clear: left;
	width: 980px;
	/*position:absolute;*/
	margin:0 auto;
	bottom:0;
	height:40px;   /* Height of the footer */
	background: #2966b0 url(/images/bg_footer.gif) repeat-x;
}

#foot {
	clear:both;
	width: 960px;
	padding:5px;
	margin:5px;
	color: #fff;
	font: normal normal normal 12px Arial, Helvetica, sans-serif;
}

#foot ul {list-style: none; padding: 0; margin: 0;}
#foot li.first {padding-left:0; border:0}
#foot li {margin:0;background:none;display:inline; border-left:1px solid #e7e7e7; padding:0 2px 0 5px;} 
#foot li a {white-space:nowrap;color: #fff; text-decoration: none; font: normal normal normal 12px Arial, Helvetica, sans-serif;}
#foot li a:hover { color: #000;text-decoration: none;}
#foot li.feed {padding: 2px 0px 2px 18px;background: transparent url(/images/icon-rss.gif) no-repeat center left;}
#foot a {color: #fff; text-decoration: none; font: normal normal normal 12px Arial, Helvetica, sans-serif;}

/*---------------------------------------*/

#breadcrumb {
	color:#999999;
	margin:10px 5px 10px 0px;
	font: normal normal normal 12px Arial, Helvetica, sans-serif; 
}
#breadcrumb a {
	background: transparent url(/images/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 18px; /*adjust bullet image padding*/
	color: #3366cc;
}
#breadcrumb a:visited, #breadcrumb a:active {
	color: #3366cc;
}

#breadcrumb a:hover{
	color: #cc0000;
	text-decoration: underline;
}


/*------------------------*/

.stepcarousel{
    position: relative; /*leave this value alone*/
    border: 10px solid #eeeeee;
    overflow: scroll; /*leave this value alone*/
    width: 300px; /*Width of Carousel Viewer itself*/
    height: 225px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
    position: absolute; /*leave this value alone*/
    left: 0;
    top: 0;
}

.stepcarousel .panel{
    float: left; /*leave this value alone*/
    overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
    margin: 0px; /*margin around each panel*/
    width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* ------- pagination ---------------------------- */

#pagination {
	margin:10px 10px 10px 0;
	text-align: center;
}
#pagination a {
	border-right: #d3d1d1 1px solid; 
	padding-right: 6px; 
	border-top: #d3d1d1 1px solid; 
	padding-left: 6px; 
	background: url(/images/bg_paging.gif) repeat-x top left; 
	padding-bottom: 3px; 
	border-left: #d3d1d1 1px solid; 
	margin-right: 3px; 
	padding-top: 3px; 
	border-bottom: #d3d1d1 1px solid; 
	text-decoration: none;
}

#pagination a:visited { color: #5475BF; }
#pagination a:hover { background-color: #e2ffc0; color: #333333;}
#pagination a.currentpage { font-weight: bold; background-color: #ffffff; color: #333333;}
#pagination a.currentpage:hover { font-weight: bold; background-color: #e2ffc0; color: #333333;}

/*------ Sub-menu ------------*/

#sitemap {padding-left: 20px; font: normal normal normal 12px Arial, Helvetica, sans-serif;}
#sitemap h3 
{
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #cc0000;
	padding:0px;
	margin:0px;
}
#sitemap ul {list-style: square; margin: 0px 0px 0px 15px;padding-left: 12px;}
#sitemap ul li {padding: 3px 0px 3px 0px; text-decoration: none;}
#sitemap ul li a {color: #5475BF;font-weight:normal;}
#sitemap ul li a:hover {color: #cc0000;font-weight:normal;}
#sitemap ul li.actif {list-style: square url(/images/red_bullet.gif); font-weight:bold;}
#sitemap ul li.actif a {font-weight:bold;}
#sitemap ul li.actif a:hover {color: #cc0000;font-weight:bold;}

/*----- form --------*/

/*
form {
    padding:0px;
    margin:0px;
}
*/

fieldset{font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;border: 1px solid #eee;width: 230px; padding-left:10px;}
legend{color: #ffffff; background: #cc0000; border: 1px solid #ececec;font: normal normal bold 12px Arial, Helvetica, sans-serif; padding: 2px 15px 2px 15px;} 
label{color: #222;width: 180px; text-align: left; margin: 2px 5px 2px 2px;font: normal normal normal 12px Arial, Helvetica, sans-serif;display: block}

.InputChamps {color: #333333; background-color: #fcffe5; width: 180px; margin: 2px 5px 2px 2px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.InputChamps2 {color: #333333;background-color: #fffff7; width: 180px; margin: 2px 5px 2px 2px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.InputChamps3 {color: #333333;background-color: #fffff7; width: 320px; margin: 2px 5px 2px 2px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.InputList {color: #333333;background-color: #ffffcc; margin: 2px 5px 2px 2px; border: solid 1px #ddd; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.txtarea {color: #333333;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;background-color: #ffffcc;border: 1px solid #cccccc;}

.ChampsUser {color: #333333; background-color: #fcffe5; width: 180px; margin: 2px 2px 2px 2px; border: solid 1px #ddd;font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}
.ComboUser {color: #333333;background-color: #ffffcc; margin: 2px 2px 2px 2px; border: solid 1px #ddd; font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;}

.Submit {
    font: normal normal normal 11px Verdana, Arial, Helvetica, sans-serif;
    margin: 6px;
}


/*  navigation 
----------------------------------------------------*/

#navigation {
	width: 250px;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	border: 0px;
	/* float: left; */
}

.navbox {
	font-size: 100%;
	margin-bottom: 4px;
}

.navhead {
	margin: 0px;
	padding: 0px;
	background-color: #e7e7e7;
}
	
.navhead h2 {
	margin: 0px;
	padding: 8px;
	color: #cc0000;
	font: normal normal bold 12px arial, helvetica, sans-serif;
	border:1px solid #eee;padding:5px;background:#F9F9F9 url(/images/bg_box.jpg) repeat-x;
	text-transform: uppercase;
}

.navbody {
	margin: 0px;
	padding-bottom: 10px;
	font: 12px arial, helvetica, sans-serif;
}
	
#navigation ul {
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}
	
#navigation li {
	margin: 0px;
}
	
html>body #navigation li a {
	width: auto;
}

#navigation ul li a {
	height: 16px;
	display: block;
	/* top, right ,bottom, left */
	padding: 3px 0px 0px 8px;
	border-bottom: 1px solid #e7e7e7;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

html>body #navigation ul li a
{
	height: auto;
	min-height: 16px;
}

#navigation ul li a:hover {
	background-color: #fafafa;
	color: #cc0000;
}
	
#navigation ul li.on a 
{
	background: #fafafa;
	font-weight: bold;
	color: #cc0000;
}
	
#navigation ul li.on a:hover {
	background: #fff;
	cursor: default;
	color: #cc0000;
}

#navigation ul li.parent a {
	background: #fafafa;
	font-weight: bold;
}
	
#navigation ul li.parent a:hover {
	font-weight: bold;
	color: #cc0000;	
}
	
#navigation ul li.parenton a {
	background: #f5f5f5;			
	cursor: default;
	color: #cc0000;
	font-weight: bold;
}
	
#navigation ul li.parenton a:hover {
	color: #cc0000;
	background: #fff;
}

#navigation ul ul li.level2 a 
{
	color: #444444;
	display: block;
	padding: 3px 0px 0px 25px;
	background: #fff;
	cursor: pointer;
	font-weight: normal;
}
	
#navigation ul ul li.level2 a:hover {
	background: #fafafa;
	color: #cc0000;
	font-weight: normal;
}


#navigation ul ul li.level2on a {
	display: block;
	/* top, right ,bottom, left */
	padding: 3px 0px 0px 25px;
	background: #fff;
	/* cursor: default; */
	font-weight: normal;
	color: #cc0000;
}
	
#navigation ul ul li.level2on a:hover {
	background: #fff;
	color: #7c7c7c;
	font-weight: normal;
}

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