/* reset */

* { padding:0; margin:0; }
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }*/
/*html,body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p,blockquote,dl,dt,dd { padding: 0; margin: 0; }*/
body {
	color: #000;
	font: 76% Arial, Verdana, Helvetica, sans-serif, Verdana;
	background:url(../../images/bg_body_hub.gif) repeat-y   !important;
	background-position:50% 0 !important;
	/*background-image:none !important;*/
	
	background-color:#FF9933  !important;
} 

.pageBreak, hr { display: none; }

#layout-page {
	/*background: #fff url(../../images/fond_page2.jpg) 0 0 repeat-y;*/
	color: #000;
	width: 770px;
	margin-right: auto;
	margin-left: auto;	
	margin-bottom:0;
}

/* lien */
a { 
	color: #00A2FF ;
	text-decoration: underline; 
} 
a:visited { color: #00A2FF; }
a:hover { color: #FF9F00 ; text-decoration: none; } 
a:active { color: #000; }
/*:link,:visited { text-decoration: none; }*/

a.suite-droite { 
	padding-right: 16px;
	background: url(../../images/suite-droite.gif) 100% 60% no-repeat;
}
a.suite-gauche { 
	padding-left: 16px;	
	background: url(../../images/suite-droite.gif) 0 60% no-repeat;
}
a.precedent-droite { 
	padding-right: 16px;
	background: url(../../images/precedent-gauche.gif) 100% 60% no-repeat;
}
a.precedent-gauche { 
	padding-left: 16px;	
	background: url(../../images/precedent-gauche.gif) 0 60% no-repeat;
}
a.suite-droite-bleue { 
	padding-right: 16px;
	background: url(../../images/puce_dbl_bleue.gif) 100% 60% no-repeat;
	color:#7dcae2;
}
a.suite-droite-bleue:hover { 
	text-decoration:underline;
}
a.suite-gauche-bleue { 
	padding-left: 16px;	
	background: url(../../images/puce_dbl_bleue.gif) 0 60% no-repeat;
	color:#7dcae2;
}
a.suite-gauche-bleue:hover { 
	text-decoration:underline;
}
a.suite-droite-blanche { 
	padding-right: 16px;
	background: url(../../images/puce_dbl_blanche.gif) 100% 60% no-repeat;
	color:#fff;
}
a.suite-droite-blanche:hover { 
	text-decoration:underline;
}
a.suite-gauche-blanche { 
	padding-left: 16px;	
	background: url(../../images/puce_dbl_blanche.gif) 0 60% no-repeat;
	color:#fff;
}
a.suite-gauche-blanche:hover { 
	text-decoration:underline;
}


a[hreflang]:after {
	content: " [" attr(hreflang) "]";
	font-size: 1em;
}
a[accesskey]:after {content: " [" attr(accesskey) "]"}

/* Texte */
.normal-text { font-size: 1em; } 
.medium-text { font-size: .9em; } 
.small-text { font-size: .8em; } 
.date-text { 
	font: normal .8em arial, Helvetica, sans-serif, Verdana;
	color: #666;
} 

.info-text {
	font-size: 1em; 
	color: #c00; 
} 

p {	
	margin: .5em 0 1.5em;
	margin-bottom:0px;
	line-height: 1.4em;
}

code {
	font-size: 1.1em;
	color:#063;
}

/*blockquote {
	margin: 2em !important;
	padding: 0 1em;
	color: #666;
	border: 1px solid #e0e0e0;
	font: normal .9em Georgia,serif,arial,verdana;
	background-color: #f9f9f9;
}
blockquote.pullquote {
	width: 260px;
    margin: 2em auto !important;
	padding: 0;
	color: #838789;
	background: #eaeaea url(../../images/quote-top.gif) 0 0 no-repeat;
	font: italic 1.2em Georgia,serif,arial,verdana;
	-moz-border-radius: 8px;
	border: 1px solid #e0e0e0;
}
blockquote.pullquote p {
	margin: 0 !important;
	padding: 1em 1.5em !important;
	background: url(../../images/quote-close.gif) 100% 100% no-repeat;
	border-top: none;
}
blockquote.pullquote cite {
	padding: 6px;
	color: #838789;
    text-align: right;
	font: normal .8em Arial,sans-serif,verdana;
    background: #e0e0e0 url(../../images/squote-bottom.gif) 0 100% no-repeat;
    border-top: 1px solid #f9f9f9;
	display: block;
}*/

/* 2 colonnes = */
.content-2cols { clear: both; }
.content-left {
	float: left;	
	width: 49%;
} 
.content-right, .content-2right {	
	float: right;	
	width: 49%;
}

/* 2 colonnes */
.content-xleft { float: left; }
.content-x2right { float: right; }

/* alignement à droite -*/
.content-2right, .content-x2right { text-align: right; }

/* W3C */
.right { text-align: right; }
.left {	text-align: left; }
.center { text-align: center; }
.justify { text-align: justify; }
.nowrap { white-space: nowrap; }
.vtop { vertical-align: top; }
.spacer, .clear { clear: both; font-size: 0; }

/* bordure image */
img.image1 { border: 1px solid #000 !important; } 
img.image0, img.image, a img,:link img,:visited img { border: none; }

/* Image */
img.icone {
	width: 16px;
	height: 16px;
	margin-right: 3px;
	vertical-align: middle;
} 
img.imgDate { vertical-align: middle; } 
img.trier {
	width: 7px;
	height: 4px;
	margin-left: 3px;
	vertical-align: middle;
}

/* Formulaire */
form {} 
fieldset {
	 padding: 1em;
	 border: 1px solid #FF7600;
	 margin:0;
}
legend { 
	color: #FF7600;
	font-weight: bold;
	font-style: italic;
} 
h3.puce {	
	padding-left: 18px;
	background: transparent url(../../images/mg_contact.gif) 0 50% no-repeat;
}
h3.puceAvis {
	background: transparent url(../../images/news_ico_commentaire.gif) 0 50% no-repeat;
	padding-left: 18px;
}
.contentForm {
	/*border:1px solid #eaeaea;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	padding: 1em;
	/*background-color: #fff;*/
	
}
.contentForm label { display: block; }
label.left {	
	padding-right: .5em;
	display: inline;
}
p.formAlert { 
	border: 1px solid #c00;
	padding: .2em;
}
.formMessageAlerte {
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 18px;
	color: #c00;
	font-weight: bold;
	background: url(../../images/info.gif) 0 50% no-repeat;
}

.TABLE-form {	
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
	border: none;
} 
.TABLE-form label {	
	float: right;
	padding-right: .5em;
} 
label.left {	
	float: none;	
	padding-right: .5em;
}

select { font-size: .9em; } 
textarea, .small-input, .normal-input, .medium-input { border: 1px solid #747474; background-color: transparent; }
textarea { width: 250px; }
.full-input { width: 200px; } 
.small-input { width: 60px; } 
.normal-input {	width: 200px; } 
.medium-input {	width: 100px; } 
.input-xLng {
	border: none;
	margin: 4px 0;
	width: 2px;
	height: 17px;
	background-color: transparent;
}
input.valid, input.valid:focus {
	font-size: 1em;
	background-color: #fff;
    border: 1px solid #747474;
    color: #747474;
    cursor: pointer;
}
input.valid:hover {	background-color: #eee; }
input:focus, textarea:focus { background-color: #fff; color: #000 }


/* présentation résultats*/
dl.resultats { 
margin-bottom: 1em; 
}

dl.resultats dt { 
	padding: 0 0 !important;
	border: 0px solid #eee;
	border-bottom: none;
	background-color:#FFF;
	font-size: 105% !important;
	
}

dl.resultats dt a{ 
color:#01A2FD !important;
}

dl.resultats dd a{ 
color:#01A2FD !important;
}

dl.resultats dd{
	border:0  !important;
	border-bottom: 1px solid #eee !important;
	border-top: none;
	margin : 0 0 0 0;
	padding: 0 0 0 0 !important;
	background-color: #FFF;
	margin-bottom:20px;
	
}


dl.resultats .resultno { padding-right: .3em; }

dl.comments {
	font-size: 1em;
	line-height: 1.6em;
}
dl.comments dt {
	padding: .5em;
	background: #f9f9f9;
	font-weight: normal;
}
dl.comments dd {
	padding: .2em 1.5em 1em;
	margin-bottom: 1em;
	background: #f9f9f9;	
	font-size: .9em;
}
dl.comments .postno {
  padding-right: .2em;
  border-right: 1px solid #ccc;
  margin-right: 2px;
  font-size: 1.7em;
}

dl.gallery {	
	border: 1px solid #999;
	background-color: #eee;
	text-align: center;
	padding: 10px;
	margin-right: 1em;
	float: left;
	height: 130px;
	width: 162px;
	overflow: hidden;
}
.gallery dt { font-weight: bold; }
/*.gallery dt img {
	border: 1px solid #000;
	width: 100px;
	height: 100px;
}*/
.gallery dd {}


/* Liste */
ul.cat { 
	margin: 0 !important;
	padding: 0 !important;
}
ul.cat li {
	list-style-type: none !important;
	list-style-image:none !important;	
}


/* Tableau pour liste dynamique */
.TABLE-list {
	border: 1px solid #000;
	font: .8em Arial, Helvetica, sans-serif, Verdana;
}
.TABLE-list th {	
	border-right: 1px solid #000;
	border-bottom: 1px solid #B32218;
	border-collapse: collapse;
	white-space: nowrap;
	padding: 2px 4px;
	background-color: #CDCDCD;
	font-size: .9em;
	font-weight: bold;
}
.TABLE-list td {
	border-top: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-collapse: collapse;
	padding: 2px 4px;
}

/* Information */
.warning { padding: 0 .5em; }
.alert { 
	padding-left: 20px;
    background: transparent url(../../images/ico_warning.gif) 0 50% no-repeat;
}

.note {	
	margin-top: 1em;
	font-size: .9em;
}
.info { 
	padding-left: 18px;
    background: transparent url(../../images/info.gif) 0 50% no-repeat;
}

.blocInfo {
	margin: 0 0 2em 0;
	padding: .5em;
	border: 1px solid #6AAEA1;
	background-color: #cddedb;
	font-size: .8em;
}
h3.Info {
	border: 1px solid #6AAEA1;
	border-bottom: none !important;
	background-color: #6AAEA1;
	margin: 2em 0 0 0;
	padding:0 0 0 1em;
	color:#fff !important;
	font-size:.9em !important;
	text-transform:none !important;
}
.blocInfo ul { margin: 1em !important; }

.posted {
	padding: .5em 0 1em 0 !important;
	margin-bottom: 1em !important;
	border-top: 1px dotted #999;
	color: #999;
	font-size: 1em;
}

.noteVote {
	width: 80px;
	height: 16px;
	vertical-align: middle;
}

/* Pagination Page */
.pagination {
	text-align: center;
	margin: 1em 0;
	font-size: .9em;
}
.pagination a {
	padding: 0 4px;
	border: 1px solid #d1e9ef;
	text-decoration: none !important;
	color: #00667f !important;
}
.pagination a:hover {
	background-color: #d1e9ef;
	color: #00667f !important;
	text-decoration: none;
}
.pagination span { padding: 0px 4px; }
.pag-this { color: #000; }
.pag-result { color: #00667f;font-size: .9em; }
.pagination img {
	margin: 0 3px;
	width: 5px;
	height: 9px;
}

.pagination-text {
	padding: 2em 0 1em 0;
	font-size: .9em;
}

/* Pagination News */
#pagination_news {
	border: 0px solid #A6CEC6;
	margin: 30px 0;
	padding: 0 !important;
	
}
#pagination_news li {
	border: 1px solid #A6CEC6;
	margin: 5px 0;
	padding: 0;
	list-style-type:none !important;
	list-style-image:none !important;
	text-align:center;
}
#pagination_news li a{
	text-decoration:none !important;
	display:block;
	position:relative;
}
#pagination_news li a:hover{
	background-color:#DAE8E6;
	color:#000;
}
#pagination_news h3 {
	padding: 2px 5px;
	margin: 0 !important;
	border-bottom: 1px solid #A6CEC6 !important;
}
#pagination_news div.content-left, #pagination_news div.content-2right {
	margin: 2px;
	width:48%;
}
#pagination_news div p {
	text-align:center;
	font-weight:bold;
}
#pagination_news  p.center {
	margin:0;
	padding:0;
}

/* Préférence */
#preference { margin: 3em 0; }


/* gabarit références */
h2.reference {
	border:none !important;
	border-top: 4px solid #E0E8EF !important;
	background:transparent url(../../images/titreref.gif) 100% 0 no-repeat !important;
	padding: .3em 0 .5em 0 !important;
	color:#838789 !important;
	font-size: 1.2em !important;
}
.content-reference {
	width: 150px;
	margin: 0 20px 10px 0;
	padding: 0 20px 0 0 ;
	border-right: 2px dotted #e0e0e0;
}



#canvas_accueil{
width:752px;
height:500px;
position:absolute;
top: 50%;
left: 50%;
margin-left: -375px;
margin-top: -250px;
border:0px solid red !important;
text-align:justify !important;
/*background-color:#FFFFFF !important;*/
}

#canvas_page{
width:752px;
position:absolute;
left: 50%;
margin-left: -375px;
border:0px solid red !important;
text-align:justify !important;
/*background-color:#FFFFFF !important;*/
}

#footerSlHub{
width:752px;
position:absolute;
left: 50%;
margin-left: -375px;
border:0px solid red !important;
text-align:justify !important;
color:#999999;
}

#canvas{
width:760px;
margin:0 auto;
border:1px solid red !important;
text-align:justify !important;
}
#header_accueil{
width:760px;
height:310px;
margin:0 auto;
border:0px solid red;
/*background:url(../../images/header.jpg) no-repeat;*/
}

#header{
width:760px;
height:310px;
margin:0 auto;
border:0px solid red;
background:url(../../images/header.jpg) no-repeat;
}
#headerSlhub{
width:752px;
height:175px;
margin:0 auto;
border:0px solid red;
background:url(../../images/header_hub.jpg) no-repeat;
}

#affichageCategories{
border:0px solid red;
width:570px;
margin-left:70px;
padding-top:0px;


}#affichageSousCategories{
border:0px solid red;
padding-top:0px;
border-bottom:1px solid #EEEEEE;
padding-bottom:10px;
}

#affichageCategories table{
/*background:url(../../images/bg_cat.gif) no-repeat;
background-position:0px 0px;*/

}



#affichageCategories ul{
padding:0 !important;
margin:10px !important;
margin-top:2px !important;

}
#affichageCategories li{
list-style-type:none;
list-style-image:url(../../images/arrow.gif) !important;
padding:0 !important;
margin:0 !important;
color:#01A2FD;
font-weight:normal;
color:#666666;
}


#affichageSousCategories a,
#affichageSousCategories a:visited,
#affichageCategories a,
#affichageCategories a:visited{
font-weight:normal;
padding-left:3px;
color:#01A2FD;
font-size:12px;
}
#affichageCategories a:hover{
color:#FF9D01;
border:0px solid red;
}

#affichageCategories .lienRubrique,
#affichageCategories .lienRubrique:hover,
#affichageCategories .lienRubrique:visited{
font-size:14px;
letter-spacing:-1px;
text-decoration:none;
background-color:#FF7600;
color:#FFFFFF;
font-weight:bold;
display:block;
padding-left:5px;
width:90%;
}



#onglets{
text-align:center;
border:0px solid red;
}

#motorSearch{
border:0px solid red;
text-align:center;
}

#motorSearch input,
#motorSearch label{
vertical-align:middle;

}

#colLeft{
text-align:right;
padding:20px;
float:left;
width:183px;
background:url(../../images/bg_colLeft_ombre.jpg) 100% 0 no-repeat;
}
#colMain{
float:left;
width:360px;
border:0px solid blue;
}

#colMainOneColumn{
padding:20px;
padding-top:0px;
}

#colMainExtended{
float:right;
width:510x !important;


}

#zone_texte{
border:0px solid red;
padding:10px;
}



#colRight{
float:right;
width:173px;
border:0px solid red;
background:url(../../images/bg_colRight_ombre.jpg) 0 0 no-repeat;
text-align:left;
color:#333333;
}
#footer{
border:0px solid #CCCCCC;
width:760px;
margin:0 auto;
/*border-top:0px solid #CCCCCC;*/
text-align:center;
background:url(../../images/bg_footer.gif) 0 0 no-repeat;
height:50px;
padding-top:40px;
}

#footerHub{
border:0px solid #CCCCCC;
width:752px;
margin:0 auto;
/*border-top:0px solid #CCCCCC;*/
text-align:center;
background:url(../../images/bg_footer_hub.gif) 0 0 no-repeat;

padding-top:40px;
}

.newsLink{
text-transform:uppercase;
font-size:14px;
color:#00A2FF;
text-decoration:none;
font-weight:bold;
text-align:left;
}

.tFormulaire{
float:right;
width:300px;
}

.tFormulaire label{
font-size:13px !important;
}


.tFormulaire input{
font-size:13px !important;
}

.tFormulaire p{
margin:0;
}

.tFormulaire textarea{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}


.tFormulaire select{
font-size:0.9em;
}

.tFormulaire fieldset{
padding:10px;
border:0;

}

.colorGreen{
color:#FF9D01;
}

.validBtn{
background-color:#FF9D01;
border:0px;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}