/*** RESET ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, 
samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	font-family: inherit;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}


q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}


/*** START ***/
body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:1em;
  
}

#site{
  width:986px;
  margin:0 auto;
}

#site #site_h{
  width:986px;
  height: 27px;
  background: url('../images/site_h.png') no-repeat;
}

#site #site_m{
  width:986px;
  background: url('../images/site_m.png') repeat-y;
  padding-left:27px;
  
}

#site #site_b{
  width:986px;
  height:27px;
  background: url('../images/site_b.png') repeat-y;
}


/*** HEADER ***/
#header{
  width:935px;
  height:75px;
  background: url('../images/bg_ciel.jpg') no-repeat;  
  padding-top: 5px;
  margin-bottom:10px;
}

#header #logo{
  float:left;
  width:170px;
  
}

#header #slogan{
  float: left;
  padding-top:4px;
}

#header #slogan h1{
	color: #163d78;
	font-size:1.7em;

  
}

#header #slogan h1 a {
  color : #163d78;
  text-decoration: none;
}


#header #slogan #slogan2{
  color: #163d78;
  font-size:1em;
  
}

#header #icone{
  float:right;
}

/*** INNER_CONTENT ***/
#inner_content{
  width:934px;
  background: #fbfdfe url('../images/bg_content1.jpg') no-repeat;
  
  
}



#inner_content #menu{
  width: 700px;
  height: 36px;
  background: url('../images/bg_menu.jpg') no-repeat;
  position:relative;
  top:7px;
  left:128px;
}

#inner_content #menu ul{
  list-style-type: none;
  padding-top:7px;
  padding-left:15px;
  padding-bottom:7px;
}

#inner_content #menu ul li{
  display:inline;  
  padding-right:15px;
}

#inner_content #menu ul li a{
  color: #ff6600;
  font-weight:bold;
  font-size:.9em;
  text-decoration: none;
  background: url('../images/puce_menu.gif') no-repeat left 1px;
  padding-left:35px;
  padding-right:20px;
  
  padding-top:5px;
  padding-bottom:5px;
  border-right:1px solid #c7c7c7;
  
}

#inner_content #menu ul li a.last{
 
  border-right:0;
}

#inner_content #alphabet{
  width:900px;
  height:30px;
  background : url('../images/bg_alpha.png') no-repeat;
  margin-left:13px;
  margin-top:13px;
  
  padding-top:9px;
  text-align: center;
  letter-spacing: .6em;
  font-weight:bold;
  color:#f1950a;
}

*+html #inner_content #alphabet{
  
  letter-spacing: .55em;
}

* html #inner_content #alphabet{
  
  letter-spacing: .55em;
}


#inner_content #alphabet a{
  color:#b6b6b6;
  text-decoration: none;
  font-weight:bold;
}


#inner_content #lexique{
  padding: 15px;
  width:465px;
  
  float:left;
}


#lexique .bloc_lexique{
  width:500px;
  float:left;
}

* html #lexique .bloc_lexique{
  width:465px;
  float:left;
}

#lexique .bloc_lexique .lexique_h{
  width: 470px;
  height:21px;
  background : url('../images/lexique_h.png') no-repeat;
  
  font-size:.8em;
  color:#163d78;
  font-weight:bold;
  padding-top:7px;
  padding-left:10px;
}

* html #lexique .bloc_lexique .lexique_h{
  width: 458px;
  height:21px;
  background : url('../images/lexique_h.gif') no-repeat;
  
  font-size:.8em;
  color:#163d78;
  font-weight:bold;
  padding-top:7px;
  padding-left:10px;
  
  
}


#lexique .bloc_lexique .lexique_m{
  width: 470px;
  padding-left:17px;
  background : url('../images/lexique_m.png') repeat-y;
  padding-bottom:8px;
  padding-top:8px;
  text-align: justify;
}

* html #lexique .bloc_lexique .lexique_m{
  width: 450px;
  padding-left:17px;
  background : url('../images/lexique_m.gif') repeat-y;
  padding-bottom:8px;
  padding-top:8px;
  text-align: justify;
  
  
}

.lexique_m .contenu_lexique{
  
  width:450px;
  color:#808080;
  font-size: .8em;
  
}

.lexique_m .contenu_lexique dt{
  color:#15457f;
  font-weight:bold;
  font-size:1.2em;
  display:block;
  clear:both;
}

.lien_lexique {
	color:#15457f;
	text-decoration:none;
  font-weight:bold;
  font-size:1em;
  display:block;
  clear:both;
}

.lien_lexique:hover {
text-decoration:underline;
}


.lexique_m .contenu_lexique dd{
  margin-bottom:15px;
  width:98%;
}

.English {
	color:#666666;
	font-size:0.8em;
	font-weight: bold;
}

#pagination_lexique{
  font-size:.9em;
  
}

#pagination_lexique #previous_letter{
  
  float:left;
  color:#9a9a9a;
  font-weight:bold;
  margin-bottom:20px;
  
}

#pagination_lexique #previous_letter a {
  background: url('../images/previous_letter.png') no-repeat;
  width:149px;
  height:28px;
  display:block;
  margin-left:5px;
  margin-top:8px;
  color:#ff6600;
  text-decoration: none;
  font-weight:bold;
  padding-left:30px;
  padding-top:4px;
}


#pagination_lexique #next_letter{
 float:right;
  
}

#pagination_lexique #next_letter a {
  background: url('../images/next_letter.png') no-repeat;
  width:156px;
  height:28px;
  display:block;
  margin-right:-14px;
  margin-top:8px;
  color:#ff6600;
  text-decoration: none;
  font-weight:bold;
  padding-left:17px;
  padding-top:4px;
}

#pTerme,
#nTerme{
  color:#9a9a9a;
  font-weight:bold;
  margin-bottom:20px;
  padding-left:40px;
  text-decoration:none;
}




#lexique .bloc_lexique .lexique_b{
  width: 470px;
  height:37px;
  background : url('../images/lexique_b.png') no-repeat;
}

* html #lexique .bloc_lexique .lexique_b{
  width: 470px;
  height:37px;
  background : url('../images/lexique_b.gif') no-repeat;
}





#lexique .bloc_archive{
  float:left;
  width: 285px;
  margin-bottom:12px;
}



#lexique .bloc_archive .archive_h{
  width: 285px;
  height:23px;
  background : url('../images/archive_h.png') no-repeat;
  
  padding-top:7px;
  padding-left:15px;
  font-size:.8em;
  color:#163d78;
  font-weight:bold;
}

* html #lexique .bloc_archive .archive_h{
  width: 285px;
  height:23px;
  background : url('../images/archive_h.gif') no-repeat;
  
  padding-top:7px;
  padding-left:15px;
  font-size:.8em;
  color:#163d78;
  font-weight:bold;
}


#lexique .bloc_archive .archive_m{
  width: 285px;
  min-height:173px;
  background : url('../images/archive_m.png') repeat-y;
}

* html #lexique .bloc_archive .archive_m{
  height:173px;
  background : url('../images/archive_m.gif') repeat-y;
}

#lexique .bloc_archive .archive_m ul{
  list-style-type: none;
  width:270px;
  margin-left:5px;
}

#lexique .bloc_archive .archive_m ul li{
  padding:7px;
  padding-left:4px;
  border-bottom:1px solid #9cacb1;
}


#lexique .bloc_archive .archive_b{
  width: 285px;
  height:47px;
  background : url('../images/archive_b.png') no-repeat;
}

* html #lexique .bloc_archive .archive_b{
  width: 285px;
  height:47px;
  background : url('../images/archive_b.gif') no-repeat;
  
}


#video_lexique{
  float:left;
  width:410px;
  margin-top: 15px;
  margin-left:12px;
}

#video_lexique #video_lexique_h{
  width:407px;
  height: 21px;
  background: url('../images/video_lexique_h.png') no-repeat;
  
  padding-top:7px;
  padding-left:15px;
  font-size:.8em;
  color:#163d78;
  font-weight:bold;
}

* html #video_lexique #video_lexique_h{
  width:390px;
  height: 21px;
  background: url('../images/video_lexique_h.gif') no-repeat;
  
  padding-top:7px;
  padding-left:15px;
  font-size:.8em;
  color:#163d78;
  font-weight:bold;
  
  
}


#video_lexique #video_lexique_m{
	width:370px;
	background: url('../images/video_lexique_m.png') repeat-y;
	padding:20px;
	text-align: center;
}

* html #video_lexique #video_lexique_m{
  width:380px;
  background: url('../images/video_lexique_m.gif') repeat-y;
   padding:20px;
  
}

#video_lexique #video_lexique_m select{
  float:right;
  margin-right:50px;
  width:150px;
  height:22px;
  padding:2px;
  background: #9dd9ed;
  color:#ffffff;
  font-weight:bold;
  border:0;
  border-top:2px ridge #7dacbc;
  border-left:2px ridge #7dacbc;
  
}

#video_lexique #bloc_video{
  width:354px;
  height:319px;
  background: url('../images/bloc_video.png') no-repeat;
  margin-top:15px;
  padding-top:20px;
  text-align: center;
}

#video_lexique p{
  font-size:.8em;
  font-weight:normal;
  color:#15457f;
  width:365px;
  text-align:justify;
}

.video_lexique_titre {
  font-size:.7em;
  font-weight:bold;
  color:#15457f;
  width:365px;
  text-align:justify;
}


#video_lexique h1{
  font-size:.8em;
  font-weight:bold;
  color:#15457f;
  width:90%;
}

a.lien_video_lexique {
  color: #ff6600;
  font-weight:bold;
  font-size:.7em;
  text-decoration: none;
 }
 
a.lien_video_lexique:hover{
  color: #ff6600;
  font-weight:bold;
  font-size:.7em;
  text-decoration: underline;
 }
 
#toutes_les_videos a {
  background: url('../images/plusdevideo.png') no-repeat;
   font-size:.7em;
  width:135px;
  height:25px;
  display:block;
  margin-right:20px;
  color:#ff6600;
  text-decoration: none;
  font-weight:bold;
  padding-left:17px;
  padding-top:4px;
}

#video_lexique #video_lexique_b{
  width:407px;
  height:37px;
  background: url('../images/video_lexique_b.png') no-repeat;
  
  margin-bottom:20px;
}

* html #video_lexique #video_lexique_b{
  width:407px;
  height:37px;
  background: url('../images/video_lexique_b.gif') no-repeat;
  
  margin-bottom:20px;
}

#bas_lexique{
  width:934px;
  background: #fbfdfe url('../images/bg_content2.jpg') no-repeat bottom;

}

.more_photos {
  width:167px;
  height:26px;
  display:block;
  color:#ff6600;
  text-decoration: none;
  font-size:1em;
  font-weight:bold;
  background: url('../images/lire_suite_2.png') no-repeat;
  
  padding-left:17px;
  padding-top:3px;
  margin-left:80px; 
  clear:both;
}

#bloc_soumission{
  width: 885px;
  height: 190px;
  background: url('../images/bloc_soumission.png') no-repeat;
  margin-bottom:20px;
  margin-left:10px;
  padding-top:8px;
  padding-left:15px;
}

* html #bloc_soumission{
  width: 885px;
  height: 190px;
  background: url('../images/bloc_soumission.gif') no-repeat;
  margin-bottom:20px;
  margin-left:10px;
  padding-top:8px;
  padding-left:15px;
}


#bloc_soumission h1{
  color:#264a81;
  margin-bottom:20px;
}


#bloc_soumission h1,
#bloc_soumission span{
 
  font-size:.9em;
  font-weight:bold;
}

#bloc_soumission div{
  float:left;
  margin-top:0px;
  margin-right:15px;
  margin-left:10px;
}

#bloc_soumission label{
  display:block;
  font-weight: bold;
  background: url('../images/puce_label.png') no-repeat left;
  padding-left:12px;
  color:#264a81;
}

#bloc_soumission textarea#denomination{
  width:144px;
  height:42px;
  border:0;
  border-top: 1px solid #c8c9c9;
  border-left: 1px solid #c8c9c9;
}

#bloc_soumission input#envoyer{
  width:107px;
  height:32px;
  background: url('../images/btn_envoyer.jpg') no-repeat;
  border:0;
  cursor:pointer;
  margin-top:10px;
}

#bloc_soumission textarea#definition{
  width:315px;
  height:75px;
  border:0;
  border-top: 1px solid #c8c9c9;
  border-left: 1px solid #c8c9c9;
}

.text_form
{
margin-top:20px;
font-size:0.7em;
color: #666666;
padding-right:7px;

}

a.text_form
{
	
	font-size:1em;
	color: #666666;
	text-decoration:underline;

}

#ContactPBMSG {
width:500px;
padding-top:15px;
color:#cc3300;
font-weight:bold;
}

#ContactConfMSG {
width:500px;
padding-top:15px;
color:#000088;
font-weight:bold;
}

#tagcloud{
  text-align:center;
  padding:20px;
 }


.tagcloudlink {
color:#264a81;
  padding:10px;
  font-weight:bold;
  text-decoration:none;
}

.tagcloudlink a:hover  {
 text-decoration:underline;
}

/*** FOOTER ***/

#footer{
  width:900px;
  height:48px;
  background: url('../images/footer_bg.png') no-repeat;
  padding-top:20px;
  text-align:center;
  margin-top:-15px;
  margin-left:10px;
}

* html #footer{
    width:900px;
  height:48px;
  background: url('../images/footer_bg.gif') no-repeat;
  padding-top:20px;
  text-align:center;
  margin-top:-15px;
  margin-left:10px;

}

 


#footer a{
  color:#264a81;
  text-decoration: none;
  font-weight:bold;
  background : url('../images/puce_menu.gif') no-repeat 450px -2px;
  padding-right:35px;
  padding-bottom:3px;
  display:block;
  height:25px;
  margin-left:200px;
}

#footer a:hover{
  text-decoration:underline;
}

#footer2{
  color:  #a5a5a5;
  font-size:.7em;
  margin-bottom:10px;
  width:98%;
  margin-left:10px;
}

#footer2 #left_text{
  float:left;
}

#footer2 #right_text{
  float:right;
  
}

#footer2 #right_text a{
  color:  #a5a5a5;
  text-decoration: none;
}


#footer2 #middle_text{
  text-align:center;
}

#footer2 #middle_text a{
  color:  #a5a5a5;
  text-decoration: none;
}

#footer2 #middle_text a:hover{
  
  text-decoration: underline;
}


/*****/
.clearer{
  clear:both;
}

.bloc_lexique .separation{
  width:566px;
  clear:both;
  margin-left:-15px;
  margin-bottom:10px;
  margin-top:10px;
  border-top: 1px solid #9aa9ae;
}

.orange{
  color:#ff6600;
}

.page{
  width:915px;
  margin-top:20px;
/*** margin-bottom:20px;***/  
  margin-left:10px;
}

*+html  .page{
  width:915px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:13px;
}

* html  .page{
  width:915px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:13px;
}


.page .page_h{
  width: 915px;
  background : url('../images/page_h.png') no-repeat;
  margin-top:5px;
  padding-top:10px;
  padding-left:15px;
  padding-bottom:5px;
  
  
  
}

*+html .page .page_h{
  width: 915px;
  background : url('../images/page_h.png') no-repeat;
 
  padding-left:15px;
  padding-bottom:5px;
   margin-top:5px;
}

* html .page .page_h{
  width: 900px;
  background : url('../images/page_h.gif') no-repeat;
  padding-top:10px;
  padding-left:15px;
  padding-bottom:5px;
  margin-top:0px;
  position:relative;

}

 .page .page_h h1{
  color:#163d78;
  font-size:1em;
  font-weight:bold;
}

.page .page_h p{
  color:#808080;
  font-size: .75em;
  width:50%;
  text-align: justify;
  line-height:1em;
}



 .page .page_m{
	width: 915px;
	background : url('../images/page_m.png') repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}

* html  .page .page_m{
  width: 915px;
  background : url('../images/page_m.gif') repeat-y;
  	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
}

.page .page_b{
  width: 915px;
  height: 53px;
  background : url('../images/page_b.png') no-repeat;
  
}

* html .page .page_b{
  width: 915px;
  height: 53px;
  background : url('../images/page_b.gif') no-repeat;
  
}

a.lien_Annuaire {
color:#ff6600;
font-size:1.2em;
font-weight:bold;
text-decoration:none;
}

a.lien_Annuaire:hover {
color:#ff6600;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}


.page_html {
margin-left : 20px;
width:850px;
}


.block_link {
margin-left : 20px;
width:850px;
}

.LinkThemaName {
color:#264a81;
font-size:1.4em;
font-weight:bold;
margin-left : 20px;
padding-top : 10px;
}

.LinkThemaName a {
color:#264a81;
font-size:0.8em;
font-weight:bold;
text-decoration:none;
}

.LinkThemaName a:hover {
text-decoration:underline;
}

.LinkThemaDesc {
margin-left : 20px;
width : 840px;
}

.linkName {

}

.linkDesc {

}

#LinkForm {
margin-left : 20px;
padding-top : 20px;
}

#LinkForm label {
display:block;
  font-weight: bold;
  background: url('../images/puce_label.png') no-repeat left;
  padding-left:12px;
  color:#264a81;
}

#LinkForm #LinkName {
width: 850px;
}

#LinkForm #LinkDesc {
width: 850px;
}

#LinkForm #LinkURL {
width: 850px;
}

#LinkForm #Envoyer {
 width:107px;
  height:32px;
  background: url('../images/btn_envoyer.jpg') no-repeat;
  border:0;
  cursor:pointer;
  margin-top:10px;
 }
 
#LinkPBMSG {
width:500px;
margin-left : 20px;
padding-top:15px;
color:#cc3300;
font-weight:bold;
}

#LinkConfMSG {
width:500px;
margin-left : 20px;
padding-top:15px;
color:#000088;
font-weight:bold;
}
