/**
 *
 * CSS STYLE v1.2
 * Author: Salim Ben Yessef ROUNDLAB s.a.r.l
 * URL:	tamoudahost.com
 * Initial Release: 25 Feb 2009
 * Last Release: 21 Sept 2011
 * 
 */
/** General **/
body { background: #FFF url('images/bg.png') repeat-x; font: normal 13px "Times New Roman", Times, serif; text-align: center; margin: 0; padding: 0; }
p { margin: 0; padding: 5px; line-height: 1.6em; text-align: left; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: "Times New Roman", Times, serif; color: #3e4715; }
h1 { font-size: 26px; margin-bottom: 10px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }

img { border: 0; }
table { border-collapse: collapse; }
a { color: #2f3902; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { padding: 0; margin: 0 0 0 30px; }
li { padding: 3px; }
.left { float: left; }
.right { float: right; }
#page { margin: 0 auto; text-align: left; width: 1000px; padding: 0; overflow: hidden; }
#warning { border: 1px solid #d2dc14; padding: 30px 5px 30px 75px; background: #ffffc4 url('images/warning.png') 5px 5px no-repeat; margin: 5px 0; font-weight: bold; color: #000; }
#error { border: 1px solid #d2dc14; padding: 30px 5px 30px 75px; background: #ffffc4 url('images/error.png') 5px 5px no-repeat; margin: 5px 0; font-weight: bold; color: #000; }
#ok { border: 1px solid #d2dc14; padding: 30px 5px 30px 75px; background: #ffffc4 url('images/ok.png') 5px 5px no-repeat; margin: 5px 0; font-weight: bold; color: #000; }
.error { font-style: italic; font-size: .8em; color: red; z-index: 999999; }
input.error { font-style: italic; font-size: 1em; color: red; }

/* TOP */

#top { height: 120px; background: url('images/top.png') no-repeat; padding: 20px 30px;  }
#logo { float: left; width: 360px; height: 85px; padding-top: 5px; text-align: center;}
#logo img { border: 0px solid; }
#langs { padding: 0 0 10px 0; float: left; width:205px; text-align: center;}

/* HEADER */

#header { height: 280px; clear: both; background: url('images/body.png') center repeat-y; padding: 0 20px; text-align: center; }

#menu { background: #cae053 url('images/menu.png') no-repeat; height: 40px; padding: 0; margin: 0; color: #73c6e6; }
#menu a { color: #333; display: block; padding: 9px 8px; margin: 0; }
/*#menu a:hover { text-decoration: underline; }*/
#menu ul, #menu li { list-style: none; margin: 0; padding: 0; }
#menu li { float: left; font: bold 1.15em verdana, tahoma, arial, sans-serif; background: url("images/bgmenu.png") bottom right no-repeat; position: relative; }
#menu li.last { border: 0; background: none; }
#menu a:hover, #menu a.current{ background: #a5bc1d url("images/bgmenulink.png") top left repeat-x; color: #f7fcd9; padding: 9px; margin: 0 0 0 -2px; text-shadow: 0px 1px #5f6d0e; }
#menu a:hover{
	text-decoration: underline;
}
#menu li ul { display: none; position: absolute; z-index: 10000; top: 36px; left: -2px; width: 180px; background: #a5bc1d; }
#menu li ul li{
	margin: 0;
	padding: 0;
	background: none transparent;
}
#menu li ul li a{
	display: block;
	width: 162px;
	padding: 9px;
	margin: 0;
	text-align: left;
	font: bold 13px arial, tahoma, sans-serif;
	text-transform: uppercase;
}
#menu li ul li a:hover{margin: 0;}
#menu li ul ul{display: none; position: absolute; top: -280px; left: 180px; width: 180px;}
#slider { margin: 0 auto; width: 880px; }
#rotator { text-align: center; padding: 0; margin: 0 auto; margin-bottom: 10px; float: left; width: 650px; height: 220px; overflow: hidden; }

#clients { float: right; width: 170px; height: 60px; padding: 5px; background: url("images/clients_access.png") left top no-repeat; text-align: right; }
#clients a{ display: block; padding: 10px 0 0 100px; text-align: center; }
/*#clients form { padding: 0; margin: 0; }
#clients div { padding: 30px 5px 5px 5px; height: 70px; clear: both; }
#clients span { float: left; width: 150px; padding: 3px; text-align: left; font: normal 1em arial, tahoma, verdana, sans-serif; }
#clients input.text { float: left; width: 150px; padding: 2px; border: 1px solid #CCC; }
*/

#newsContainer{ float: right; width: 229px; height: 220px; margin: 1px 0 0 0; border-left: 1px solid #839327; padding-top: 0px; background: #FFF; }
#newsContainer h1{ background: #a5bc1d; color: #FFF; font: bold 20px arial, sans-serif; font-style: italic; padding: 5px 0; margin: 0 }
#news{ height: 150px; overflow: hidden; padding: 0 10px; }
#news h2{ color: blue; font: bold 15px times, serif; }
#news div a{ display: block; width: 100%; padding: 0 0 5px 10px; font: normal 11px arial, tahoma, sans-serif; }
/*** MAIN ***/

#main { margin: 0 auto; padding: 0 60px; clear: both; background: url('images/body.png') center repeat-y; }
#main h2 { padding: 20px 0 0 0; }
#home { float: right; width: 600px; }
#home h1 { padding: 10px 10px 0 0; font-style: italic; }

#blocks { float: left; width: 270px; }
#blocks h2, #blocks h4{ text-align: center; padding: 5px 0; }
#mission { background: url('images/mission.png') no-repeat; padding: 5px 10px; font-size: 1.1em; }

.aa { background:padding: 10px; }
.aa h2 { color: #00F; font-style: italic; }
.aa h4 { color: #00F; }

/*** SUBPAGES ***/

#block { float: left; width: 270px; padding: 5px 0 0 0px; }

.submenu { background: url('images/block_middle.png') repeat-y; padding: 0; margin: 0; list-style: none; }
.submenu li.head { background: url('images/block_top.png') no-repeat; padding: 14px 25px 7px 20px; }
.submenu li.head2 { background: url('images/block_top.png') no-repeat; padding: 8px 25px 7px 20px; }
.submenu li.foot { background: url('images/block_bottom.png') bottom no-repeat; padding: 3px 0; margin: 0; height: 10px; }
.submenu ul { list-style: none; padding: 0; margin:0; }
.submenu li { padding: 0 10px 5px 20px; }
.submenu li ul { margin: 0; }
.submenu li ul li { clear: both; padding-left: 20px; }
.submenu li a { padding: 5px; margin: 0 5px 0 0; font-size: 1.4em; }
.submenu li a:hover { text-decoration: none; background: #8cc848; }

#subpage { float: right; width: 600px; padding: 5px; }
#subpage ul.software { list-style: none; }
#subpage p {  line-height: 2em; }
.page-foot { margin: 10px 0; border-top: 1px solid #000; }
.page-foot span { float: right; }

/** SEARCH BOX **/
#tools{ float: left; width: 400px; }
#search { float: left; padding: 10px 0 0 0; margin: 0; text-align: left; float: left; width: 410px; }
#search form{ padding: 20px 0 0 0; margin: 0; }
#tools img.p{ float: left; margin: 0; padding: 15px 0 0 0; width: 140px; }
#search form .search_words{ border: 1px solid #fbedc6; background: #FFF; }
#search form .search_btn{
	border: 0;
	background-color: none;
	background-image: url('images/search_btn.png');
	background-repeat: no-repeat;
	width: 80px;
	cursor: pointer;
	height: 23px;
}

#search input { padding: 3px; font-size: 12px; margin: 2px; }

/*** SEEARCH.PHP ***/
#search_box { padding: 10px; border: 1px solid #000; }
#search_box .input { font-size: 1.2em; padding: 2px; width: 200px; }
.stats { padding: 5px 0; color: blue; font-size: 1.3em; }
#search_result h3 { padding: 10px 0; }
#search_result li{ list-style: none; }
#search_result div { padding: 5px; margin: 5px 0; border-bottom: 1px solid #e1c4ff; }
#search_result span { display: inline-block; padding: 2px; text-align: center; width: 15px; height: 15px; margin: 0 5px; border: 1px solid #CCC; background: #EFEFEF; }

#social{ text-align: center; }
/* FOOTER */
#footer { background: url('images/footer.png') bottom no-repeat; padding: 40px; clear: both; margin: 0; text-align: center; }
#footer:after{
	content: " ";
	display: block;
	width: 100%;
	height: 0;
	clear: both;
}
#footer a { color: #000; text-decoration: none; }
#footer a:hover { color: #d0e475; }
#footer span { font-style: italic; font-weight: bold; color: #00F; }

/*** GENERICOS ***/

.clear { clear: both; }
.read { font-style: italic; }
#loader { display: none; }

/* SUBPAGE *
#subpage { float: left; width: 630px; }
#subpage .page-foot{ color: #555; padding: 5px; margin: 10px 0 0 0; border-top: 1px solid; text-align: right; }
#subpage .page-foot span { float: left; }
#subpage ul, #subpage ol{ margin: 0 0 0 25px;}

/* CONTACT.PHP */
#contact-info { padding: 10px; text-align: center; float: left; width: 270px; }
#contact-form { padding: 10px; text-align: center; float: right; }
#contact-form h2, #seminaire-form h2 { text-align: left; }
#contact-form div, #seminaire-form div { padding: 3px; clear: both; text-align: left; }
#contact-form span, #seminaire-form span { float: left; padding: 3px 15px 3px 3px; margin: 0; width: 205px; font: bold 1.2em Georgia, "Times New Roman", Times, serif; text-align: right; }
#contact-form input, textarea {width: 300px; padding: 4px; margin: 0; }
#contact-form input.button { width: auto; }
#contact-form p { text-align: right; }
#seminaire-form i{ font-size: .8em; font-weight: normal; }

/* PAGINATION *
#pagination { padding: 5px; margin: 5px 0 5px 0; border: 1px solid; color: #CCC; }
#pagination .previeus { float: left; }
#pagination .next { float: right; }

/* modules: BOOKS */
#books { padding: 5px 0 10px 20px; position: relative; text-align: justify; }
.book { float: left; width: 270px; height: 390px; background: #FFF; border: 1px solid; #888; padding: 0px; margin: 0 10px 20px 0; text-align: center; }
.book h3 { text-align: right; padding-right: 5px; }
.book img.port { width:270px; height: 300px; }
.book div { padding: 5px; }
.press { padding: 10px 5px; margin-top: 5px; font-size: 1.2em; border: 1px solid; }

#books_view { float: left; width: 240px; text-align: center; border: 1px solid #CCC; margin: 0 10px 10px 0; padding: 5px; }

#books_title { text-align: center; }
#books_title h1 { margin: 0; padding: 0; text-align: center; }
#books_title h2 { margin: 0 0 10px 0; padding: 0; text-align: center; font-style: italic; }

#books_view img { border: 1px solid #888; padding: 5px; margin: 5px 0 10px 0; }
/*.books_submit { float: right; width: 350px; margin-top: 10px; padding: 5px; border: 1px solid #CCC; background: #FEEFEF; }
.books_submit p{ text-align: justify; }
*/
.books_submit2 { margin-top: 10px; padding: 5px; border: 1px solid #CCC; background: #FEEFEF; }
.books_submit2 div { padding: 5px; clear: both; }
.books_submit2 span { float: left; width: 150px; text-align: right; padding: 3px; }
.books_submit2 input{ width: 200px; padding: 3px; }
.books_submit2 i { color: red; }
.books_submit2 input.check { width: 25px; margin: 10px 5px; }

#seminaire_add { font-size: 11px; float: left; width: 120px; padding: 8px 8px 8px 25px; background: url("images/users.gif") 5px 5px no-repeat; }

/*Login publications*/
.books_login { border: 0px solid #CCC; padding: 15px; background: #e2f3fa; margin: 0 30px; font: normal 14px arial, tahoma, sans-serif; }
.books_login form{ padding : 0 0 30px 0; margin: 0; }
.books_login div{ clear: both; zoom : 1; padding: 5px; }
.books_login span.label{ float: left; padding: 3px 10px; width: 220px; text-align: right; }
.books_login span.input{ float: left; text-align: left; }
.books_login div .note{ font: normal 12px arial, sans-serif; color: #919ead; font-style: italic; }
.books_login span.input input{ padding: 3px; width: 180px; border: 1px solid #cdd8e2; }
.books_login span.submitdiv{ float: left; text-align: center; }
.books_login span.anchor{ float: left; padding: 3px 0; }
.books_login span.anchor a{ color: blue; text-decoration: underline; }
.books_login span.anchor a:hover{ text-decoration: none; }
.audit_analyse { font: bold 1.3em times; color: blue; font-style: italic; }
/*

.books_login div { clear: both; padding: 10px 0; }
#books_signup_content span { float: left; }
#books_create_account { text-decoration: underline; font-size: 1.1em; color: red; position: absolute; top: 8px; right: 20px; }
#books_create_account:hover { text-decoration: none; color: #000; }
.books_login span.label { float: left; width: 110px; font-size: .8em; padding: 3px 0 0 2px; margin: 0 5px; border-bottom: 1px solid #01D65B; }
.books_login .input { float: left; padding: 2px 5px; background: url("images/input_login_books.png") repeat-x; border-left: 1px solid #fcb959; border-right: 1px solid #fcb959; width: 140px; }
.books_login .input input { border: 0; padding: 0; width: 145px; background: transparent; }
.books_login .submit { border: 0; padding: 2px; margin: -5px 0 0 10px; width: 25px; height: 25px; font-size: .9em; background: url("images/submit_login_books.png") 0 2px no-repeat; cursor: pointer; color: #FFF; }

*/
/*.books_signup { border: 0; background: url("images/books_signup.png") no-repeat; width: 170px; height: 60px; text-align: centre; cursor: pointer; }*/
.books_edit { border: 0; background: url("images/books_edit_account.png") no-repeat; width: 170px; height: 60px; text-align: centre; cursor: pointer; }

#books_login_content, #books_signup_content { font-size: 1.2em; position: relative; }
#books_login_content h2{
	padding: 0;
}
#user_logout { float: right; border: 1px solid; background: blue; color: #FFF; padding: 5px; }
#user_logout a { color: #FFF; text-decoration: none; }
#user_logout a:hover { text-decoration: underline; }

/*#remember_pass{ color: red; font-weight: bold; }*/

/* modules: announces */
#announce h1{ text-align: center; line-height: 1.2em; }
#announce h3 { font-style: italic; text-align: center; }
.date { text-align: right; }
.announce { padding: 5px; margin-top: 5px; font-size: 1.2em; list-style: none; }
.announce a { color: blue; text-decoration: none; border: 0px solid #000;}
.announce strong { color: red; }
.announce a:hover { color: #101010; }
.announce span { float: right; }
.announce th{ font-weight: bold; text-align: left; background: #EFEFEF; padding: 5px; border-bottom: 1px solid #999;}
.announce td.date{ width: 110px; text-align: center; vertical-align: top; border-bottom: 1px solid #999; padding: 5px; }
.announce td.titre{ vertical-align: top; border-bottom: 1px solid #999; padding: 5px; }

/*.announce i{ font-style: normal; border-right: 1px solid #555; padding-right: 10px; width: 100px; float: left;}*/
.repondre { text-align: center; font-size: 1.5em; }
.repondre a { width: 120px; float: right; background: url("images/repondre.png") no-repeat; padding: 15px 5px; }
.repondre a:hover { color: #f7fcd9; text-decoration: none; }
#usuel { font-size: 10px; font-weight: normal;  font-style: italic;}

.con_temoignage { float: left; width: 190px; }
.temoignage_comment { border: 1px solid blue; padding: 5px; font-size: 1.1em; margin-bottom: 5px; }
#seminaire_inscription, #seminaire_fiche, #seminaire_temoignage { background: url( "images/seminaire_inscrip.png" ) no-repeat; padding: 9px 0; width: 150px; height: 40px; text-align: center; font-size: 1.2em; font-weight: bold; }

#seminaire_intervenant { float: right; width: 350px; height: 40px; text-align: right; }

#seminaire_inscription a, #seminaire_temoignage a, { color: #FFF; font-size: 1em; }
#seminaire_fiche a { color: #FFF; font-size: 1em; }	
#seminaire_inscription a:hover, #seminaire_fiche a:hover { text-decoration: none; color: #EEE; }
#seminaire_inscription a i { font-size: .9em; }

/*module : books*/
#books_pv { float: right; width: 410px; height: 40px; text-align: left; }

/* modules: formations */
#formations { position: relative; }
.temoignages { position: absolute; top: -5px; right: -5px; }
.formation { border: 1px solid blue; height: 30px; margin-bottom: 5px; }
.formation a.file { float: left;padding: 5px; color: blue; text-decoration: underline; font-size: 1.1em;\	 }
.formation a.file:hover { text-decoration: none; color: #000; }
.formation  a.commander { float: right; }
.temoignage { padding: 10px; margin-bottom : 10px; border: 1px solid; }
.author { text-align: right; padding-top: 10px; font-style: italic; }

.required { color: #000; }
.red{ color: red; }
label.error { display: block; text-align: right; }

.seminaire { border: 1px solid blue; min-height: 20px; margin-bottom: 5px; display: block; color: blue; padding: 5px;}
.seminaire a { color: blue; text-decoration: none; border: 0px solid #000; font-size: 14px; }
.seminaire strong { color: red; }
.announ { border: 1px solid blue; min-height: 20px; margin-bottom: 5px; display: block; color: blue; padding: 5px; }
.announ a { color: blue; text-decoration: none; border: 0px solid #000; font-size: 14px;}
.announ strong { color: red; }
.announ a:hover { color: #101010; }

/** ALERTS **/

.alert{
	position: absolute;
	top: -500px;
	/*left: 50%;*/
	width: 500px;
	height: 350px;
	overflow: hidden;
	/*border: 1px solid;
	margin-top: 0px;
	margin-left: -250px;
	background: #FFF;*/
	z-index: 99999;
}

.posTop{
	top: -500px;
	left: 50%;
	margin-left: -250px;
}

.posLeft{
	position: absolute;
	left: -550px;
	top: 20px;
	margin-left: -250px;
}

.posRight{
	position: absolute;
	right: -550px;
	top: 20px;
	margin-right: -250px;
}

.posBottom{
	position: absolute;
	bottom: -550px;
	left: 50%;
	margin-left: -250px;
}

.close{
	background: blue;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

.close:hover{
	text-decoration: underline;
}

.alertTop{
	text-align: right;
	padding: 3px;
}
.alertBody{
	padding: 10px;
}
.popupMessages img{
	max-width: 640px;
	height: auto !important;
}
#partnersSlider{
	position: relative;
	text-align: center;
	height: 90px;
}

#partnersSlider ul, #partnersSlider li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#partnersSlider li div{
	float: left;
	width: 78px;
	height: 85px;
	padding: 2px;
}

#partnersSlider li a, #partnersSlider li strong{
	font: bold .8em arial;
}

#partnersSliderNav{
	position: absolute;
	top: 15px;
	right: 5px;
	width: 20px;
	height: 60;
	z-index: 99;
}

#partnersSliderNav #prev{
	background: url("images/prev.png") no-repeat;
	display: block;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0 0 5px 0;
}
#partnersSliderNav #next{
	background: url("images/next.png") no-repeat;
	display: block;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
}

#connu span{ width: 250px; font-size: 14px !important; font-weight: normal !important; font-family: times !important; }
#connu input { width: 150px; }

.confiance{
	padding-bottom: 25px;
	background: url("images/confianceBg.png") bottom center no-repeat;
}
.confiance h3{
	color: #5c4b0e;
	background: url('images/confiance.png') top left no-repeat;
	padding: 7px 10px;
	font: bold 1em Georgia, tims, serif;
	font-style: italic;
}

#loading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('images/macFFBgHack.png');
	display: none;
	z-index: 9999;
}
#loading img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -100px;
}
#loading div{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -115px;
	margin-left: -100px;
	text-align: center;
	color: #FFF;
	width: 200px;
	font-weight: bold;
	font-size: 1.2em;
}

#iframe{
	width: 0;
	height: 0;
	border: 0;
	padding: 0;
}

#formatios_form label{
	margin-right: 40px;
}

.validating div{
	position: relative;
}
/* Counter */
.counter_title{ text-align: center; font-style: italic; }
.counter{display: block; height: 45px; min-width: 250px; display: table; padding: 0 6px;}
.counter_container{display: table-row;}
.counter .count{
	*float: left;
	display: table-cell;
}
.num{
	float: left;
	margin-right: 5px;
	text-align: center;
	color: #333;
	text-shadow: 0 1px #FFF;
	font: normal 10px arial, tahoma, sans-serif;
	background: #cae053;
	border: 1px solid #979a85;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.counter .day{ width: 57px; padding-right: 3px; }
.counter .month{ width: 75px; padding-right: 3px; }
.counter .year{ width: 110px; }
.counter .number{display: block; width: 100%; font-size: 2em; }
.catnote{
	display: block;
	text-align: justify;
	color: #808080;
	font: normal 13px arial, sans-serif;
	/*animation: blink 1s step-end infinite;*/
	padding-bottom: 5px;
}
.catnote.red{
	color: red;
}