/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* TAGS DE BASE/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/

/* html */
html{height: 100%; margin: 0; padding: 0;}

/* body */
body{
	color: #000000; font: 75%/150% Arial, Helvetica, sans-serif;
	background: #f1f1f1 url("../images/backtop.jpg") repeat-x top; 
	height: auto !important; height: 100%; min-height: 100%; 
	margin: 0; padding: 0;
}

/* img */
img{border: none;}

/* Liens */
a,a:link,a:visited{color: #BC1813; font-weight: bold; text-decoration: underline;}
a:hover, a:active{color: #BC1813; text-decoration: none;}

/* En-tetes */
h1,h2,h3,h4,h5,h6{font-family: Trebuchet, Arial; margin: 0 0 .3em 0; line-height: 1em;}
h1{color: #000000; font-size: 1.6em; text-transform: uppercase;}
h2{color: #000000; font-size: 1.5em; text-transform: uppercase;}
h3{color: #000000; font-size: 1.4em; text-transform: uppercase;}
h4{color: #000000; font-size: 1.4em; text-transform: uppercase;}
h5{color: #000000; font-size: 1.2em; font-family: Arial;}
h6{color: #000000; font-size: 1.1em; font-family: Arial;}

/* Listes */
ul{margin: 0; padding: 0;}
li{padding-bottom: .35em;}
ul ul{padding: .4em 0 0 1.2em;}
ul li{background: url('../images/bullets/arrows1.gif') 0 .35em no-repeat; font-size: 1em; line-height: 1.4em; padding-left: 1.2em; list-style: none;}
ul ul li{background: url('../images/bullets/arrows2.gif') 0 .3em no-repeat; font-size: .9em; line-height: 1.3em;}
ul ul ul li{background: url('../images/bullets/arrows3.gif') 0 .15em no-repeat; font-size: .8em; line-height: 1.2em;}
ul ul ul ul li{font-size: 1em; line-height: 1.1em;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

/* Tables */
table{border-collapse: collapse;}
table th{background: #eee; padding: 0; border: 0px ;  vertical-align: top;}
table td{padding: 0px; border: 0px; vertical-align: top; font-size: .7em;}

/* Textes et Autres*/
p{margin: 0 0 1em 0;}
blockquote{background: #eee; padding: 20px; margin: 20px;}
br{}
hr{margin: 1em 0; background:#000000; color:#000000; height:2px;  border:none; clear:both;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/* ID et leurs CLASSES /////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/

/* CONTAINERS ========================================================================================================*/
#container1, #container2, #container3, #container4, #container5{height: auto !important; height: 100%; min-height: 100%;}
#container1{background: url("../images/backtop2.jpg") no-repeat top;}
#container2{margin: 0 auto;}
#container3{}
#container4{}
#container5{}

/* HEADER ========================================================================================================*/
#header{width: 935px; position: relative; z-index: 3; top: -1px; border-top: 1px solid #fff; margin: 0 auto;}

/* bigImg */
#bigImg{margin-top: 53px; background: #fff; border: 4px solid #fff;}
#bigImg img{}

/* logo */
#logo{background: url("../images/backlogo.png") no-repeat !important; background: url("../images/backlogo.gif") no-repeat; width: 251px; height: 147px; position: absolute; top: 0; left: 40px;}
#logo img{position: relative; left: 4px;}

/* miniMenu */
#miniMenu{position: absolute; top: 10px; right: 0;}
#miniMenu li{display: inline;}
#miniMenu li a{padding: 0 20px 0 0; font-weight: normal; font-size: 11px; text-decoration: none; color: #494949;}
#miniMenu li a:hover{color: #000; text-decoration: underline;}

/* nav */
#nav{width: 935px; background: #fff;}
#nav ul, #nav li{padding: 0; margin: 0;}
#nav ul li{position: relative; float: left; display: block; background: none;}
#nav ul li a{display: block; padding: 0; font-size: 0;}
/*#nav ul li a.activate{background: #999; color: #eee;}*/
#nav ul li a:hover{}
#nav ul li ul{display: none; position: absolute; top: 50px; left: 0; width: 200px; padding: 10px 0 20px 0;}
#nav ul li:hover ul{display: block;} /* reproduit en js pour IE avec initNav()*/
#nav ul li ul li{float: none; display: block; background: none;}
#nav ul li ul li a{color: #fff; text-decoration: none; font-weight: bold; display: block; width: 100%; font-size: 10px;}
#nav ul li ul li a span{margin: 0 15px; padding: 5px 1px; display: block; clear: both; background: url("../images/dotted.gif") repeat-x bottom;}
/*#nav ul li ul li a.activate{background: #666; color: #ccc;}*/
#nav ul li ul li a:hover{color: #494949;}

/*background du menu deroulant*/
.skin_planimage #nav ul li ul{background: #46970c url("../images/planimage/nav_bg.gif") repeat-x top;}
.skin_planrona #nav ul li ul{background: #012c57 url("../images/planrona/nav_bg.gif") repeat-x top;}
.skin_planorth #nav ul li ul{background: #94272c url("../images/planorth/nav_bg.gif") repeat-x top;}
.skin_planimag #nav ul li ul{background: #103c8a url("../images/planimag/nav_bg.gif") repeat-x top;}
.skin_decoridees #nav ul li ul{background: #850024 url("../images/decoridees/nav_bg.gif") repeat-x top;}


/* CONTENT ========================================================================================================*/
#content{background: url('../images/backmiddle.gif') repeat-y; width: 943px; margin: 0 auto; position: relative; z-index: 2;}
#content .container{margin: 0 4px; padding: 25px 15px; background: #fff url('../images/bgContent.gif') repeat-x top;}

/* contentTop ----------------------------------------------------------------------------------------------------*/
#contentTop{width: 903px; margin: 0 0 20px 0; float:left; display: inline; clear: both; line-height: 1.6em;}
#contentTop .boxPart{background: url('../images/contentTop_boxmiddle.jpg') repeat-y left; margin-top: 20px;}
#contentTop .boxPart .boxPart{background: url('../images/contentTop_boxtop.jpg') no-repeat top left;}
#contentTop .boxPart .boxPart .boxPart{background: url('../images/contentTop_boxbottom.jpg') no-repeat bottom left; height: auto !important; height: 253px; min-height: 253px; padding: 15px 0 0 0;}
#contentTop .col{padding: 0 10px 15px 15px; display: inline; float: left; margin: 0; position: relative;}
#contentTop .col1{width: 199px;}
#contentTop .col2{width: 198px;}
#contentTop .col3{width: 218px;}
#contentTop .col3 .search{position: absolute; bottom: 5px;}
#contentTop .col4{width: 188px;}
#contentTop .col4 .search{position: absolute; bottom: 5px; right: 30px;}
#contentTop .noDesignTable td{padding: 0 10px 3px 0;}

/* contentLeft ----------------------------------------------------------------------------------------------------*/
#contentLeft{width: 693px; margin: 0; float:left; display: inline; position: relative;}
#contentLeft .box220{width: 230px; /* overwrite la grandeur par defaut */ margin-bottom: 10px;}
#contentLeft .boxPart .boxPart .boxPart{font-size: 11px; line-height: 17px; padding-bottom: 40px;}
#contentLeft .box220 .boxPart .boxPart .boxPart{height: auto !important; height: 290px; min-height: 290px;}
#contentLeft .box343 .boxPart .boxPart .boxPart{height: auto !important; height: 201px; min-height: 201px;}
#contentLeft .logo{margin: 0 auto; padding: 10px 0 10px 0; display: block;}
#contentLeft .box220 .btn{position: absolute; bottom: 20px; right: 25px;}
#contentLeft .box343 .btn{position: absolute; bottom: 20px; right: 17px;}

/*Marilia*/
#contentLeft .box670{width: 680px; margin-bottom: 0px;}
#contentLeft .box670 .boxPart .boxPart .boxPart{height: auto !important; height: 100px; min-height: 100px;}

#contentLeft .box490Rech{width: 490px; margin-bottom: 0px;}
#contentLeft .box490Rech .boxPart .boxPart .boxPart{height: auto !important; height: 10px; min-height: 10px;}

#contentLeft .box190{width: 200px; margin-bottom: 10px;}
#contentLeft .box190 .boxPart .boxPart .boxPart{height: auto !important; height: 100px; min-height: 100px;}

#contentLeft .box190noBg{height: auto !important;width: 200px; margin-bottom: 10px; margin-top:10px; margin-left:5px;}

#contentLeft .box470{width: 480px; margin-bottom: 10px;}
#contentLeft .box470 .boxPart .boxPart .boxPart{height: auto !important; height: 100px; min-height: 100px;}

#contentLeft .box700{width: 710px; margin-bottom: 10px;}
#contentLeft .box700 .boxPart .boxPart .boxPart{height: auto !important; height: 100px; min-height: 100px;}

/* Fin Marilia*/

#banner{clear: both; margin: 20px 0 0 0; display: block;}

/* contentRight ----------------------------------------------------------------------------------------------------*/
#contentRight{width: 208px; background: #fff; border: 1px solid #eee; float:right; display: inline;}
#contentRight .containerRight{padding: 10px;}

/* footer ========================================================================================================*/
#footer{width: 959px; height: 259px; background: url('../images/backfooter.jpg') no-repeat; clear: both; margin: 0 auto;}
#footer .container{margin: 0 16px 0 16px; padding: 15px 0 0 20px;}

#footer .col{width: 149px; overflow: hidden; display: inline; float: left; margin: 0;}
#footer .col img{position: relative; left: 7px;}
#footer .col li{display: block; background: url("../images/bullets/footerBullet.gif") no-repeat 0 6px; padding: 0 0 0 12px}
#footer .col a{font-size: 11px; font-family: arial; color: #fff; text-decoration: none; font-weight: normal;}
#footer .col a:hover{text-decoration: underline;}



/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES FORMULAIRES ///////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* Formulaires */
form{background: none; border:none; padding: 0;}
input, textarea, select, option, label, fieldset, legend{font-size: 12px; font-family: arial; color:#494949; vertical-align: bottom;}
label{}
fieldset{border: #cacaca 1px solid;}
legend{}
textarea{background: #fff url("../images/backinput.gif") repeat-x top; border: 1px solid #b8b9ce; padding: 1px 5px;}
select{background: url("../images/backinput.gif") repeat-x top; border: 1px solid #b8b9ce;}
option{background: #fff; border:none; padding: 1px 5px;}
input.text{background: #fff url("../images/backinput.gif") repeat-x top; border: 1px solid #b8b9ce; padding: 1px 5px;}
input.password{background: #fff url("../images/backinput.gif") repeat-x top; border: 1px solid #b8b9ce; padding: 1px 5px;}
input.file{}
input.radio{}
input.checkbox{}
input.image{}
input.reset{}
input.submit{}


/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES CLASSES ///////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/* box 220px x (330px et +) */
.box220{width: 220px; margin: 0; float:left; display: inline; position: relative; left: -7px; top: 0;}
.box220 li{position: relative;}
.box220 .boxPart{background: url('../images/box220_middle.jpg') repeat-y left; position: relative;}
.box220 .boxPart .boxPart{background: url('../images/box220_top.jpg') no-repeat top left; position: relative;}
.box220 .boxPart .boxPart .boxPart{background: url('../images/box220_bottom.jpg') no-repeat bottom left; position: relative; height: auto !important; height: 330px; min-height: 330px; padding: 20px 18px 20px 23px;}

/* box 343px x (241px et +) */
.box343{width: 343px; margin: 0; float:left; display: inline; position: relative; left: -12px; top: 0;}
.box343 li{position: relative;}
.box343 .boxPart{background: url('../images/box343_middle.jpg') repeat-y left; position: relative;}
.box343 .boxPart .boxPart{background: url('../images/box343_top.jpg') no-repeat top left; position: relative;}
.box343 .boxPart .boxPart .boxPart{background: url('../images/box343_bottom.jpg') no-repeat bottom left; position: relative; height: auto !important; height: 241px; min-height: 241px; padding: 20px 28px 20px 37px;}


/******************************Marilia*/
/* box 490px x (100px et +) */
.box490Rech{width: 490px; height: auto; margin: 0; float:left; display: inline; position: relative; left: -7px; top: 0;}
.box490Rech li{position: relative;}
.box490Rech .boxPart{background: url('../images/box490_middle.jpg') repeat-y left; position: relative;}
.box490Rech .boxPart .boxPart{background: url('../images/box490_top.jpg') no-repeat top left; position: relative;}
.box490Rech .boxPart .boxPart .boxPart{background: url('../images/box490_bottom.jpg') no-repeat bottom left; position: relative; height: auto !important; padding: 20px 0px 0px 20px;}


/* box 670px x (100px et +) */
.box670{width: 670px; margin: 0; float:left; display: inline; position: relative; left: -7px; top: 0;}
.box670 li{position: relative;}
.box670 .boxPart{background: url('../images/box670_middle.jpg') repeat-y left; position: relative;}
.box670 .boxPart .boxPart{background: url('../images/box670_top.jpg') no-repeat top left; position: relative;}
.box670 .boxPart .boxPart .boxPart{background: url('../images/box670_bottom.jpg') no-repeat bottom left; position: relative; height: auto !important; padding: 20px 18px 20px 23px;}

/* box 190px x (100px et +) */
.box190{width: 190px; margin: 0; float:left; display: inline; position: relative; left: -7px; top: 0;}
.box190 li{position: relative;}
.box190 .boxPart{background: url('../images/box190_middle.jpg') repeat-y left; position: relative;}
.box190 .boxPart .boxPart{background: url('../images/box190_top.jpg') no-repeat top left; position: relative;}
.box190 .boxPart .boxPart .boxPart{background: url('../images/box190_bottom.jpg') no-repeat bottom left; position: relative; height: auto !important; height: 100px; min-height: 100px; padding: 20px 18px 20px 23px;}

/* box 470px x (100px et +) */
.box470{width: 470px; margin: 0; float:left; display: inline; position: relative; left: -7px; top: 0;}
.box470 li{position: relative;}
.box470 .boxPart{background: url('../images/box470_middle.jpg') repeat-y left; position: relative;}
.box470 .boxPart .boxPart{background: url('../images/box470_top.jpg') no-repeat top left; position: relative;}
.box470 .boxPart .boxPart .boxPart{background: url('../images/box470_bottom.jpg') no-repeat bottom left; position: relative; height: auto !important; height: 100px; min-height: 100px; padding: 20px 18px 20px 23px;}

/* box 700px x (100px et +) */
.box700{width: 700px; margin: 0; float:left; display: inline; position: relative; left: -7px; top: 0;}
.box700 li{position: relative;}
.box700 .boxPart{background: url('../images/box700_middle.jpg') repeat-y left; position: relative;}
.box700 .boxPart .boxPart{background: url('../images/box700_top.jpg') no-repeat top left; position: relative;}
.box700 .boxPart .boxPart .boxPart{background: url('../images/box700_bottom.jpg') no-repeat bottom left; position: relative; height: auto !important; height: 100px; min-height: 100px; padding: 20px 18px 20px 23px;}

/*******************************Fin Marilia*/

/* toggleVisibility */
.showBtn{display: none; cursor: pointer;}
.hideBtn{display: none; cursor: pointer;}
.toggleBtn{cursor: pointer;}

/* stripe tables*/
.stripes{}
.stripes .odd{background: #f4f4f4;}
.stripes .even{background: #ddd;}

/* highlightRows */
.highlightRows .high{background: #aaa; cursor: default;}

/* clear et floats */
.clear{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.block {display:block;clear:both;}

/* rollOverTrans */
.rollOverTrans img{filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.rollOverTrans:hover img{filter: alpha(opacity=85); -moz-opacity: .85; opacity: .85;}

/* jsOnlyContent // pour ceux qui n'ont pas javascript on cache le contenu javascript */
.jsOnlyContent{display: none;}

/* noDesignTable */
.noDesignTable{border-collapse: collapse;}
.noDesignTable th{background: none; padding: 5px 10px; border: none;}
.noDesignTable td{padding: 5px 10px; border: none; vertical-align: top;}

/*MARILIA*/
/* tableDescription */
.tableDescription{border-collapse: collapse;}
.tableDescription th{background: #005897; padding: 1px 1px; border: 0px; text-align:left; height:25px; vertical-align:middle;}
.tableDescription td{padding: 1px 1px; border: none; vertical-align: top;}

/* texte blanc */
.white{color:#ffffff;}
.red{color:#BC1813;}
.notewhite{color:#ffffff;font-size: .8em;}
/*FIN MARILIA*/

/* error, alert & success */
.error,.alert{color:#c00;}
.success{color:#090;}

/* small & note */
small, .small{font-size: .7em;}
.note{font-size: .7em;}

/* highlight */
.highlight{color:#005897;}

/* important */
.important{}
h1.important, h2.important,h3.important,h4.important ,h5.important,h6.important{color:#005897; border-left: solid #005796; padding: .5em 0 .1em .3em;}
h1.important, h2.important{border-width: 3px; letter-spacing: -1px;}
h3.important, h4.important{border-width: 2px; letter-spacing: -1px;}
h5.important, h6.important{border-width: 2px;}
.skin_planimage .important ul li{background-image: url('../images/planimage/bullets/arrows1.gif');}
.skin_planimage .important ul ul li{background-image: url('../images/planimage/bullets/arrows2.gif');}
.skin_planimage .important ul ul ul li{background-image: url('../images/planimage/bullets/arrows3.gif');}


/* box */
.box{border: 1px solid #cacaca; background: #eee; padding: 10px;}

/* separator */
.separator{background: url("../images/separator.gif") center repeat-x; width: 100%; height: 1px; line-height: 0; font-size:0; margin: 0; padding: 0; display: block; clear: both;}