/* CSS Document */

/* hacks */

.clear {
clear:both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


body {
background:#FFFFFF;
font-family:Helvetica, Arial, Verdana;
font-size:11px;
color:#333333;
}

a, a:link {
color:#333333;
text-decoration:none;
}

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

/* STRUCTURE DE LA PAGE */

#container {
width:990px;
height:auto;
margin:0 auto;
margin-top: -10px;
}

#header {
margin-top:10px;
width:990px;
height:120px;
overflow:visible;
}
#menu_site{
border-left:1px solid #999;
border-bottom:1px solid #999;
}
#medium {
width:292px;
height:auto;
margin:0 0 0 0;
}
#cadre_index{
font-family:Helvetica, Arial, sans-serif;
text-align: justify;
margin-left: 15px;
margin-right:15px;
margin-top:5px;
margin-bottom:5px;
height: 140px;
overflow : hidden;

}


#Rootrub{
height:25px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding:5px;
padding-left:10px;
background:#ffffff;
color:#ff6600;
border:1px solid #FFF;
cursor:pointer;
font-weight:bold;
}
#Rootrub2{
height:25px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding:5px;
padding-left:10px;
background:#ebebeb;
color:#ff6600;
border:1px solid #FFF;
cursor:pointer;
font-weight:bold;
}
.rub{
height:25px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
padding:5px;
padding-left:35px;
background:#ebebeb;
color:#ff6600;
border:1px solid #FFF;
cursor:pointer;
font-weight:bold;
}

#Srub{
height:15px;
font-family:Helvetica, Arial, sans-serif;
padding:0px;
padding-left:65px;
background:#ffffff;
color:#ff6600;
border:1px solid #FFF;
cursor:pointer;
font-weight:bold;
}
#Rootrub a{
	color:#F60;
}

#Rootrub a:hover{
	color:#666;
}

#Rootrub:hover{
	background:#ffffff;
	color:#FFF;
}
#Rootrub2 a{
	color:#F60;
}

#Rootrub2 a:hover{
	color:#FFF;
}

#Rootrub2:hover{
	background:#ff6600;
	color:#FFF;
}

.rub a{
	color:#F60;
}

.rub a:hover{
	color:#FFF;
}

.rub:hover{
	background:#ff6600;
	color:#FFF;
}
#Srub a{
	color:#666;
}

#Srub a:hover{
	color:#ff6600;
}

#content {
width:990px;
height:auto;
margin:10px 0 0 0;
}

.left {
float:left;
margin:0 0 0 0;
width:300px;
height:auto;
}

.right {
float:right;
margin-right:0px;
width:684px;
height:auto;
}

#footer {
width:990px;
margin-top:20px;
border-top:1px solid #ff6600;
padding-top:3px;
text-align:center;
font-family:Verdana, Geneva, sans-serif;
color:#999;
}

#iframe {
font-family:Verdana, Geneva, sans-serif;
color:#333333;
}
#iframe a, a:link {
color:#333333;
text-decoration:none;
}
#iframe a:hover {
color:#FF3300;
text-decoration:underline;
}

#footer p {
line-height:0px;
}

#footer a {
color:#999;
}

/* fin structure de la page */





/* objects header */


#logo-top {
width:292px;
height:109px;
float:left;
margin-left:0px;
margin-top:10px;
}

#box-top {
width:674px;
height:109px;
float:left;
margin-left:10px;
margin-top:10px;
}

#box-top-title {
margin:0 0 0 0;
}

#box-top-span {
float:left;
width:660px;
margin-left:10px;
text-align:justify;
color:#999999;
font-size:12px;
padding-bottom:5px;
padding-right:0px;
}

.button-plusinfo {
margin-top:3px;
margin-left:0px;
margin-bottom:0px;
width:88px;
height:19px;
vertical-align:bottom;
}

.button-plusinfo a {
display:block;
background:url(images/button-plusinfo.jpg) left center no-repeat;
}

.button-plusinfo a:hover {
background:url(images/button-plusinfohover.jpg) left center no-repeat;
}

/* fin objects header */

/* pave image */

#paveimage {
width:684px;
height:251px;
margin-top:0px;
margin-right:0px;
padding-bottom:1px;
border-bottom:12px solid #FF6600;
border-top:1px solid #FF6600;
}

/* ATTENTION CE STYLE EST AUSSI DEVELOPPE' DANS LE FICHIER FIX-IE.CSS POUR RESOUDRE UN PROBLEME SOUS IE7 */
/* fin pave image */

/* menu dynamique */

#nav {
	position:relative;
width:300px;
height:300px;
overflow:visible;
margin-top:8px;
}
/* fin menu dynamique */

/* cadres publicitaires */

#cadres-pub {
margin-top:20px;
border-right:1px solid #999;
border-top:1px solid #999;
padding-top:3px;
}

.adv-banner {
padding-bottom:3px;
}

/* fin cadres publicitaires */

/* contenu */

.box-home {
width:335px;
height:auto;
margin:0 0 0 0;
}

.box-home-box {
background:#e2e2e2;
padding:2px;
margin-top:1px;
min-height:185px;
max-height:185px;
overflow:hidden;
}

.box-home-box-bottom {
background:#e2e2e2;
padding:2px;
margin-top:1px;
overflow:hidden;
}


.box-home-title {
	text-align:right;
}

.box-home-box p {
width:310px;
height:auto;
margin:0 auto;
text-align:justify;
padding-bottom:15px;
}

.box-home-box ul {
width:250px;
height:auto;
margin:0 auto;
text-align:justify;
padding-bottom:15px;
list-style:square;
}

.box-home-left {
float:left;
margin-left:5px;
margin-top:0px;
}

.box-home-right {
float:right;
margin-right:0px;
margin-top:0px;
}

.box-object-left {
float:left;
margin-left:5px;
padding-top:5px;
padding-bottom:5px;
}

.box-object-right {
float:right;
margin-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.spacer {
height:1px;
margin-top:1px;
width:335px;
}

.picto {
width:auto;
height:60px;
margin-left:0px
}

.picto ul li {
list-style:none;
display:inline;
padding-right:3px;
}

.column-left {
width:300px;
height:auto;
float:left;
margin-left:5px;
margin-top:5px;
}

.column-left img {
	border:2px solid #CCC;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
}

.column-left p {
	width:300px;
}
.column-right {
width:300px;
height:auto;
float:right;
margin-right:0px;
margin-top:5px;
}

.column-right img {
	border:2px solid #CCC;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:5px;
}

.column-right p {
	width:300px;
}
/* objects en commun */

.border-bottom-orange {
border-bottom:1px solid #ffffff;
}

.border-bottom-orange-big {
border-bottom:5px solid #ff6600;
}

.titles-big {
text-align:right;
font-family:"Century Gothic", Helvetica, Arial, Verdana;
font-size:18px;
color:#F60;
width:100%;
}

.block-text {
text-align:justify;
padding:10px;
}

.block-text p {
font-size:12px;
color:#333;
}

.orange {
	color:#F60;
}

.grey-light {
	color:#999;
}

.grey-dark {
	color:#666;
}

.black {
	color:#000;
}

.bleue {
	color:#06F;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:18px;
}


td {overflow:hidden;}

/* lexique */
.cadre_centre {
margin-left: 0;
margin-right: 0;
width:100%;

}

.cadre {
background-color:#FFFFFF;
/*border:1px solid #0170CA; */
overflow:auto;
}
#infos {
margin:0px;
padding:0;
font-family: Arial,Helvetica,sans-serif;
}
#infos #liste {
/*border:1px solid #00A4CE; */
height:150px;
width:667px;
margin-bottom:0px;
overflow:auto;
padding-left:10px;
padding-right:0px;

}
#infos #liste a { text-decoration: none; color: #000000; }
#infos #liste a:hover { text-decoration: underline; color: #000000; }
#infos #liste p {
margin:0px 0px 0px 0px;
}