/* global reset */
HTML, BODY, DIV, SPAN, P, A, UL, OL, LI, DL, DT, DD, H1, H2, H3, H4, H5, H6, IMG, FORM, INPUT, SELECT, TEXTAREA, EMBED {margin:0px; padding:0px;}
/*
html, body {
min-height:100%;
}
*/
body { font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:11px; margin:0px; padding:0px; color:#333; }
#basicContent { color: #333}
h1.base , h2.base{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #858484; margin: 2px 0 4px 0; display:inline }
#UI_footer_so { font-size: 10px;}
#UI_footer_so a {color: #333; font-weight: bold}
.toGray{ color: #333 }
.toOrge { color: #ff7300 }

IMG {border:0px; }

#formulaire-lettre ul { list-style-type: none;}

#UI_window { }

#UI_header {}

#UI_header ul { margin:0px; padding:0px; }
#UI_header li { display:inline; }
#UI_header img { border-style:none; }
#UI_header .identity { width:200px; }
#UI_base {  margin-bottom: 4px; }

#path { font-size: 11px; color: #333333; margin: 0 0 10px 0;}
#path a { font-size: 11px; color: #333333; text-decoration: underline}

#UI_content { color:#FFFFFF; }
#UI_content h1{ font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000; margin: 0 0 20px 0;   }
.borderB { border-bottom: 1px solid #ccc; padding: 0 0 8px 0;}
#UI_content .hr { border-top:1px solid #246F8C; margin-bottom:15px; margin-top:15px; padding:0px; }

/* Weather */
#weather { font-size: 11px; color: #000; padding: 0 2px 5px 8px; border: 1px solid #e9e9e9}
.fontSizeTo9 { font-size: 9px;}
#weather a { font-size: 10px; color: #000; font-weight: bold; text-align: right;}
#weather p { margin: 8px 0 12px 0;}

/* Page News */
.news-newsTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000; background-color: #f5f5f5; height: 23px; width: 661px; padding: 7px 0 0 15px; margin: 0 0 30px 0;}
.news-newsVisual { width: 100%; text-align: center; margin: 0 0 40px 0;}
.news-newsContent {}
.news-newsContent p.title { font-weight: bold; color: #ff7300; padding: 0 0 20px 0;}
.news-newsContent p { color: #000; padding: 0 0 10px 0;}
.news-newsContent p a, a { text-decoration: underline; color: #880000; }

/* Page List */
.list-container { }
.list-container .panel { width: 656px; margin: 0 0 15px 0; padding: 10px 10px; clear:left; float:left; } 
div.panel img.list-visual { float:left; padding:2px 2px; border: 1px solid #bcbcbc; margin: 0 10px 0 0;}
.list-container .panel p { color: #000; line-height: 14px; }
.list-container .panel .more-link { float: right; padding: 5px 20px 5px 0;}
.toGray { background-color: #f5f5f5;}

/* Page content */
.content-leftPanel { width: 448px; margin: 0 28px 0 0; color: #333; font-family: Tahoma; font-size: 12px; color: #333; text-align: justify}
.content-leftPanel p { padding: 10px 0 30px 0; font-family: Tahoma; font-size: 12px; color: #333; text-align: justify}

div.content-entity {margin-bottom: 10px}
div.content-entity img{ float:left; padding:2px 2px; margin: 0 6px 0 0;}
div.content-entity p { padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; line-height: 12px;}
div.content-entity h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; line-height: 12px; font-weight: bold; padding: 0; margin:0;}

/* Page content list */
div.content-list-entity { width: 180px; padding:; 	color: #333; 	border-bottom: 1px dotted #ccc;	margin-top: 0;	margin-right: 35px;	margin-bottom: 25px;	margin-left: 0px;}
div.content-list-entity-righter  { width: 180px; padding:; 	color: #333; 	border-bottom: 1px dotted #ccc;	margin-top: 0;	margin-right: 0;	margin-bottom: 25px;	margin-left: 0px;}
 
div.content-list-entity-righter img, div.content-list-entity img{ float:left; padding:2px 2px; margin: 0 6px 0 0;}
div.content-list-entity-righter p, div.content-list-entity p { padding: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; line-height: 12px;  }
div.content-list-entity-righter h5, div.content-list-entity h5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333; line-height: 12px; font-weight: bold; padding: 5px 0 5px 5px; margin:0; min-height: 16px; background-color: #ebebeb; border-top: 1px solid #e1dcdc; border-bottom: 1px solid #e1dcdc}
div.content-list-entity-righter ul , div.content-list-entity ul { margin: 0; padding: 6px 0 0 10px; list-style-image: url(../images/puce-list.gif); list-style-position: inside; min-height: 30px}
div.content-list-entity-righter li, div.content-list-entity li { color: #333; font-size: 10px; margin:0 0 0 8px; padding: 0;}

/* Search form */
.search-formContainer { background-color: #eee; width: 670px; padding: 13px 0 10px 6px; color: #888888; font-size: 10px }
.search-formContainer label { color: #333; font-size: 11px;}

.width320 { width: 320px}
.list-price { font-family:Georgia, "Times New Roman", Times, serif; font-size: 17px; font-weight: bold; color: #008000}
.content-rightPanel { background-color: #f7f7f7; width: 200px; padding: 10px 0 10px 0; text-align: center}
.content-rightPanelEntity { width: 150px; padding: 0 0 10px 0; margin-left: auto; margin-right: auto; margin-bottom: 10px;}
.content-rightPanelEntity p { text-align: left; padding: 2px 0 0 0;}
.paginationBar { width: 676px; margin: 5px 0 10px 0; text-align: right; }

#pagination { color:#ff7300}
#pagination a { font-size: 10px; color:#ff7300; font-weight: bold;}
.more-link { float: right;}
.more-link a {}
.pub-container { margin: 30px 0 10px 0;}
.pub-container .content { width: 646px; background: url(../images/pub-container-bg.gif) repeat-y; padding: 10px 10px 10px 20px; color: #000;}
#UI_footer { padding-bottom:30px; padding-top:15px; }
#UI_footer .UI_toolBar { height: 17px; width: 860px; background-color: #bd0007; padding: 0 0 0 80px;}
#UI_footer .UI_toolBar  a{ color:  #FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
#UI_footer .UI_toolBar  a img { margin: 2px 6px 0 20px;}

#UI_footer .linkSummary { width: 840px; background: #252525 url(../images/footerBg.gif) repeat-x ;margin: 2px 0 0 0; padding: 10px 20px 20px 80px}
#UI_footer .linkSummary ul { margin:0 60px 0 0; padding:0px; float: left;}
#UI_footer .linkSummary ul.style_A  { list-style-image: url(../images/footerLi1.gif)}
#UI_footer .linkSummary ul.style_B { list-style-image: url(../images/footerLi2.gif)}
#UI_footer .linkSummary ul.style_C { list-style-image: url(../images/footerLi3.gif)}
#UI_footer .linkSummary li a { padding-right:3px; color: #FFF; text-decoration: none}
#UI_footer .linkSummary li a:hover {text-decoration:  underline}
#UI_footer .linkSummary .simpleTxt{ color: #FFF; font-size: 10px;}

div#sidebar_primary { float: left; width: 120px; background-color: #ebf0f3; }

/* Body content */
div#content {	float:left;	padding: 0 12px 0 12px;	width: 676px;}
div#content-2 {	float:left;	padding: 0 12px 0 12px;	width: 784px;}
div#content p {}
#content_colL { width: 335px;}
#content_colR { width: 335px;}

div#sidebar_secondary { float:left; width:120px;}

DIV.UI_navLeft {float:left; clear:left; width:120px; padding:0px 0px;}

/* nav left */
DIV.UI_navLeft UL {width: 120px; list-style-type: none; margin: 0; padding: 0;}
DIV.UI_navLeft UL LI { font-size:10px; margin:0; padding: 2px 0 2px 0 ; border-bottom: 1px solid #b9b9b9;}
DIV.UI_navLeft UL LI.title { border-bottom: none; width: 118px; display: block; background-color: #bd0007; font-size:11px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-weight:bold; padding: 1px 0 0 2px;}
DIV.UI_navLeft UL LI.title:hover { background-color: #bd0007}
DIV.UI_navLeft UL LI A { display:block; margin: 0 0 0 4px; padding: 0 0 0 6px; width: 110px; text-decoration:none; color: #000; background: url(../images/nav_secondary_li.gif) left no-repeat }
DIV.UI_navLeft UL LI:hover { background-color: #FF9900}
DIV.UI_navLeft UL LI.title A{ background: none; color: #FFF; font-size: 11px; display: block; padding: 0px 0 0 0px; margin: 0;}
DIV.UI_navLeft UL LI A:hover {}

DIV.UI_navLeft .selected { background-color: #f9b8c5}
DIV.UI_navLeft .titleSep { margin: 0 0 1px 0;}
DIV.UI_navLeft .noSep { border-bottom: none;}

.window { /* To center set magin == auto */ margin-left: auto; margin-right: auto; width: 940px; }
.center { text-align: center; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; height:1px; overflow:hidden; }
.clearS { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.hidden { display:none; }
hr { clear: both; visibility: hidden; margin: 0; padding:0; height: 1px}

/* Home gors plan */
.headingEntity { width: 676px; height: 191px;}
#headingSummary { position: relative; padding: 10px 15px 0 15px; width: 308px; height: 181px; color: #000; background: url(../images/home_grosPlanContainer.gif) no-repeat; }
#headingSummary  p { color: #000; font-size: 12px; text-align: justify}  
#headingSummary  a { text-decoration: underline}  

#headingSummary  h1 { margin: 0; padding: 6px 0 10px 0; font-size: 14px; font-weight: bold;  color: #000; margin: 0 0;}
#headingSummary  .more-link {position: absolute; bottom: 12px; left: 210px; }
.link-category { font-weight: bold; font-size: 10px; color: #000; text-decoration: none; line-height: 17px;}
.link-subCategory { font-size: 10px; color: #707070; text-decoration: underline;}
/*
#UI_nav { height:30px; margin:85px 0px 0px 270px; position:absolute; width:565px; }
ul#UI_nav_Liste { margin:0pt; padding:0pt; }
#UI_nav_Liste li { display:block; float:left; list-style-type:none; margin:0pt; padding:0px 1px 0px 0px; }
#UI_nav_Liste a { display:block; height:25px; text-decoration:none; }
#UI_nav_Liste a:link, #UI_nav_Liste a:visited { font-size:1px; text-decoration:none; text-indent:-9000px; }
*/
#UI_blocs { height:auto !important; min-height:500px; }
#UI_blocs h3 { margin:0px; padding-bottom:0px; }
#UI_blocs p { line-height:1.4em; }
#UI_blocs ul, .produit ul { margin: 0px; padding:0px; }
/*
#UI_blocs li { list-style-image:url(img/icons/ico.guide.gif); list-style-type:none; padding-bottom:1px; padding-top:1px; }
#UI_blocs ul.nopuce { margin:10px 0px; }
#UI_blocs ul.nopuce li {list-style-image:none; list-style-type:none; }
#UI_blocs a { font-weight:bold; }
*/

/* entity == pave */
#UI_blocs .entity { margin-top:10px; }
#UI_blocs .entity .entityTitle { width: 335px; height: 20px; border-bottom: 1px solid #e9e9e9;}
#UI_blocs .entity .news { width: 335px; margin: 5px; }
#UI_blocs .entity .news .newsVisual { width: 144px; height: 66px; border: 1px solid #bcbcbc; padding: 2px 0 0 2px; }
#UI_blocs .entity .news .newsSummary { padding: 0px 0 0 7px; width: 180px; }
#UI_blocs .entity .news .newsSummary h4 { font-size: 11px; font-weight: bold; color: #000; }
#UI_blocs .entity .news .newsSummary p { color: #000; line-height: 14px;} 
#UI_blocs .entity .news .newsSummary a { color: #000; line-height: 14px; text-decoration: none;} 
#UI_blocs .entity .news .newsSummary a:hover { text-decoration: underline} 

#UI_blocs .entity .teaser { clear: left; width: 335px; height: 90px; padding: 0 0 0 0; border-top: 1px solid #e4b6b6; background-color: #fee6e6;}
#UI_blocs .entity .teaser_A { clear: left; width: 335px; padding: 0 0 10px; border-top: 1px solid #e4b6b6;}
#UI_blocs .entity .teaser_B { clear: left; width: 335px; margin: 2px 0 2px 0;}
#UI_blocs .entity .teaser_C { clear: left; width: 335px; background-color: #8c0001; padding: 4px 0 8px 0;}

#UI_blocs .entity .teaser img, .teaser_A img { float: left; padding: 5px 5px 5px 5px;}
#UI_blocs .entity .teaser_A p, .teaser p { padding: 8px 5px 0 0; color: #000; line-height: 14px;} 
#UI_blocs .entity .teaser .teaserTitle { color: #ae1139; font-size: 12px; line-height: 22px;} 
#UI_blocs .entity .teaser_A a { text-decoration: none; font-size: 10px; font-weight: bold; color: #ff7300} 

#UI_blocs .entity .teaser_B p { color: #000; line-height: 14px; margin: 2px 0 0 0; padding: 0 0 0 7px;}
#UI_blocs .entity .teaser_B .container { background-color: #ffb97e; margin: 2px 0 0 0; padding: 0 0 8px 0;}
#UI_blocs .entity .teaser_B .container ul { margin: 0; padding: 6px 0 0 10px; list-style-image: url(../images/puce.gif) }
#UI_blocs .entity .teaser_B .container li { margin: 0 0 0 10px; padding: 0;}
#UI_blocs .entity .teaser_B .container li a { text-decoration: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }


#UI_blocs .entity .teaser_C .container { margin: 2px 0 0 0; color: #FFF; font-weight: bold;}
#UI_blocs .entity .teaser_C .container ul { margin: 0; padding: 6px 0 0 10px; }
#UI_blocs .entity .teaser_C .container li { margin: 0 0 10px 25px; padding: 0; font-size: 11px; font-weight: normal; }
#UI_blocs .entity .teaser_C p { color: #FFF; font-weight: bold; line-height: 20px; margin: 8px 0 0 0; padding: 0 0 0 15px;}
#UI_blocs .entity .teaser_C .entityLink { margin: 0 0 0 25px;}

#newsletter { position: relative; width:;}
#newsletter .title { background-color: #bd0007; height: 17px; width: 116px; font-weight: bold; padding: 4px 0 0 4px;}
#newsletter .container { background-color: #ebebeb; color: #000; padding: 4px 2px 4px 4px; font-size: 	10px;}
.photosSep { margin-right: 2px;}

#UI_blocs .entity .info {
font-size:10px;
text-align:right;
}
#UI_blocs .entity .info a, #UI_blocs .entity a.more-link {
background-image:url(img/icons/ico.guide.gif);
background-position:right center;
background-repeat:no-repeat;
padding-right:10px;
}
a.btton { background: url(../images/btnBg.gif) no-repeat; display: block; font-size: 11px; color: #000; width: 97px; height: 17px; font-weight: normal; padding: 3px 0 0 8px; text-decoration: none;}
.sep5 { clear: both; margin-top: 5px }
.margeT5 { margin-top:5px; }
.margeT10 { margin-top:10px; }
.margeT15 { margin-top:15px; }
.margeT25 { margin-top:25px; }
.margeT35 { margin-top:35px; }
.margeT40 { margin-top: 40px; }
.margeT60 { margin-top: 60px; }

.margeB1 { margin-bottom: 1px;}
.margeB5 { margin-bottom:5px; }
.margeB10 { margin-bottom: 10px; }

.margeB15 { margin-bottom: 15px; }
.margeB50 { margin-bottom: 50px; }
.margeB100 { margin-bottom: 100px; }
.margeB200 { margin-bottom: 200px; }

.width100 { width: 100px; }
.margeL10 { margin-left:10px; }
.margeR10 { margin-right:10px; }
.margeR30{ margin-right: 30px; }
.paddingR30{ padding-right: 30px; }
.margeL6 { margin-left: 6px; }
.no-border { border: none; border-top: none}
.no-background { background: none;}
.textToGray { color: #999999;}
.textToOrge { color: #ff822f}
.textToBlue { color: #3399ff}
/* typography */
H1 {color:#003; font-size:14px;}
H2 {color:#333; font-size:12px;}
H3 {color:#333; font-size:11px;}
H4 {color:#333; font-size:10px; padding:2px 0px;}
P, SPAN {color:#333; font-size:11px; line-height:1.32em;}
A {color:#003; /* font-size:10px; *** luke removed** */text-decoration: none;}
/* INPUT, SELECT, TEXTAREA { color: #666; background-color: #FFF; font: 10px Tahoma; border: 1px solid  #dcdada; height: 16px; padding: 1px 1px;} */
INPUT, SELECT, TEXTAREA { color: #666; font: 10px Tahoma;  padding: 1px 1px;}

.ligneHeight20 { line-height: 20px;}

.toRed { color: #bd0007}
.toFontSize12 { font-size: 12px;}
#UI_ancre a { color: #ff7300; font-size: 11px; text-decoration: underline; font-weight: bold; display: block; background: url(../images/headingPuce.gif) no-repeat center left; padding: 4px 0 0 10px;}
#UI_ancreContent a { color: #bd0007; font-size: 11px;}
.contentTitle { color: #bd0007; font-weight: bold; font-size: 14px;  border-bottom: 1px solid #e4b6b6; padding: 0 0 1px 0;  }
.contentTitle-2 { color: #ff7300; font-weight: bold; font-size: 14px;  border-bottom: 1px solid #ffb97e; padding: 0 0 1px 0;  }
.spip-content-list { background-color: #fee6e6; color: #000; font-size: 11px; margin: 0 0 10px 0; padding: 4px 4px 8px 4px; border-top: 1px solid #e4b6b6}
.spip-content-list p { color: #000; font-size: 11px; margin: 0 0; padding: 0 0;}
.toBlock{ display: block; margin-bottom: 4px;}
#form-sondage label { font-weight: normal; line-height: normal; margin: 0 0; padding: 0 0 0 5px;}
.content-rightPanel_titleEntity{ color: #000033; text-align: left; font-weight: bold; padding: 0 0 3px 0;}
.border-top { border-top: 1px solid #e9e9e9}
.toText-to12px { color: #000; font-size:12px; line-height:16px;}
.tour2TunisiaBanner { width: 120px;}
.tour2TunisiaBanner-wrap { margin: 0 0 15px 0 }
.tour2TunisiaBanner-content {padding:2px 4px 0;}
.tour2TunisiaBanner-content h3 { margin: 0 0 5px 0}
.tour2TunisiaBanner-content h3 a { color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; font-weight:100; text-decoration: none}
.tour2TunisiaBanner-content p , .tour2TunisiaBanner-content p a { color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
line-height:13px !important;
margin:0;
padding:0;}