/* Couleurs utilisées

Rouge :			#FF3300
Rose :			#FF3366
Bordeau :		#990066
Bordeau clair:	#CEA1BF
Vert clair :	#99CC33
Vert foncé :	#339933
Vert tclair :	#d1f0af
Bleu :			#339999
Gris :			#DEDEDE

*/

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #DEDEDE;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;
	font-size: 85%;
}

h2 {
	margin-top: 0;
}

h3 {
	margin-top: 0.7em;
	margin-bottom: 0.5em;
	font-weight: bold;
	text-decoration: underline;
	color: #006600;
}

a {
	text-decoration: none;
	color: #ff3366;
}

a:hover {
	text-decoration: underline;
}





/* structure de la page entiere */

#page {

	text-align: left;

	width: 98%;

	margin: 10px auto 10px auto;

	position: relative;

	background: #fff;

	border: 1px solid #CFCFCF;

	padding: 0;

	-moz-border-radius:6px;

	border-radius:6px;



}



/* Entete */

#banner {

	margin: 0px;

	padding: 0px;

	height: 100px;

	border: none;

}

#banner a img {

	margin: 5px 0 0 15px;

	border: none;

}

#banner .cadre {

	float: right;

	margin-right: 10px;

}



#banner p,form {

	margin: 0;

}



h1#top {

	position: absolute;

	margin: 0px;

	padding:0px;

	text-indent: -5000px;

	line-height: 1px;

	font-size: 1px;

}



hr {

	display: none;

}



pre {

	border-width: 1px 1px 1px 8px;

	border-style: solid;

	border-color: #F0B802;

	padding: 1em;

	margin: 1em;

	font-size: 100%;

	background: #ffffcc;

	width: 85%;

	overflow: auto;

	-moz-border-radius:6px;

	border-radius:6px;

}





/* Liens d'accès rapide */

#accessibilite, #accessibilite a

{

	text-align: center;

	color: #339933;

	margin:0;

	font-size: 0.8em;

	line-height: 1em;

}

#accessibilite a:hover, #accessibilite a:focus

{

	color: #339933;

	text-decoration: underline;

}





.cadre {

	width: 270px;

	padding-top: 7px;

	background: #dedede url(/img/haut.gif) top left no-repeat;

}



.cadrebas {

	padding: 0 0.5em 7px 0.5em;

	background: #dedede url(/img/bas.gif) bottom left no-repeat;

}

#menubas {

	padding: 0 0.5em 7px 0.5em;

	background: #dedede url(/img/bas.gif) bottom left no-repeat;

}



#footer a, #banner h1 a {

	text-decoration: none;

	border: none;

	color: #339933;

}

#footer a:hover {

	text-decoration: underline;

}



#menutop {

	position: relative;



	height: 28px;

	margin: 0 10px 1em 15px;

	clear: both;

	background: #99cc33 url(/img/menucoingauche.gif) top left no-repeat;

}

#menucoin {

float: right;

position: relative;

left: 1px;

width: 30px;

height: 28px;

background: #99cc33 url(/img/menucoindroite.gif) top right no-repeat;

}



#menutop ul, #menutop li {

	margin:0;

	padding: 0;

	list-style-type: none;

	}

#menutop ul {

	position: absolute;

	height: 28px;

	width: 850px;

	left: 25px;

}



#menutop li {

float: left;

}



#menutop li a { 

display: block; 

height: 28px;

width: 115px;

color: #fff;

font: 17px/28px "Trebuchet MS", Verdana, Tahoma, Helvetica, Sans-Serif;

text-decoration: none;

border-left: 1px solid #fff;

text-align: center;

background: #99cc33 url(/img/nav-vertfonce.gif) top right no-repeat;

}

/* dimensions des boutons specifiques */

#menutop li a#menu2, #menutop li a#menu5, #menutop li a#menu7 {

width: 90px;

}



#menutop li a.last {

border-right: 1px solid #fff;

}



#menutop a:hover {

color: #339933;

}



/* Mise en violet du menu selectionné dans le body */

body#formation li a#menu1 {

background: #990066 url(/img/nav-bordeau.gif) top right no-repeat;

color:#FFFFFF;

}

body#pti li a#menu2 {

background: #990066 url(/img/nav-bordeau.gif) top right no-repeat;

color:#FFFFFF;

}

body#annales li a#menu3 {

background: #990066 url(/img/nav-bordeau.gif) top right no-repeat;

color:#FFFFFF;

}

body#cours li a#menu4 {

background: #990066 url(/img/nav-bordeau.gif) top right no-repeat;

color:#FFFFFF;

}

body#forum li a#menu5 {

background: #990066 url(/img/nav-bordeau.gif) top right no-repeat;

color:#FFFFFF;

}

body#annuaire li a#menu6 {

background: #990066 url(/img/nav-bordeau.gif) top right no-repeat;

color:#FFFFFF;

}





#footer img, div.col-content img {

	border: none;

}



#footer {

	text-align: center;

	padding: 0.5em;

	clear: both;

	border: none;

	color:#339933;

	font-weight:bold;

	font-size:12px;

}



/* Zone de recherche */

.recherche {

	width: 200px;

	border: 1px solid #aaa;

	font-size: 1em;

}

#chercher {

font-size: 0.8em;

font-weight: bold;

margin-bottom: 0;

color: #777;

}



/* Formulaires (recherche + divers)*/

fieldset {

border: 0;

margin: 0;

padding: 0;

}

input, textarea {

	border: 1px solid #aaa;

}

input[type], textarea[name] {

	background: #fff;

}



input[type=submit], input[type=reset] {

	background: #fff;

	color: #000;

}



input[type=submit]:hover {

	background: #999;

	color: #fff;

}



.modeles {

list-style-type: none;

margin: 0.3em;

padding: 0.3em;

width: 320px;

}

.modeles li {

float: left;

width: 310px;

}





#content

{

margin: 0em 20px 0 20px;

background: #fff;

padding: 0em 0 0 0;

}



/* Tableaux */

.forumline{

	background:#fff;

	border:1px solid #339933;

	width:100%;

}

td.cat{

	letter-spacing:1px;

	background:#339933 url(images/cellpic1.gif);

	height:29px;

	text-indent:4px;

	color:#fff;

	text-align:center;

	font-weight:bold;

}

th{

	background:#990066;

	color:#fff;

	font-weight:bold;

	white-space:nowrap;

	text-align:center;

	padding-left:8px;padding-right:8px

}



.row1{background:#ebfaed}

.row2,.helpline{background:#defae0}

.row3{background:#d1fad5}





/* General text */

.gensmall{font-size:11px}

td.genmed,.genmed{font-size:12px}

.explaintitle{font-size:12px;font-weight:bold;color:#990066}



/* General page style  */

a:link,a:active,a:visited,a.postlink{color:#ff3366;}



/* titles for the topics:could specify viewed link colour too */

.topictitle{font-size:12px;font-weight:bold}

a.topictitle:visited{color:#CEA1BF}

a.topictitle:hover{color:#990066}



/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name{font-size:12px;font-weight: bold}



hr{border: 0px solid #ffffff;border-top-width:1px;height:0px}



/* Category gradients */

td.cat a{

	color:#339933;

}

td.spacerow{background:#d1f0af}

td.row1, td.row2, td.row3{padding:0px 3px 0px 3px}



/* This is for the table cell above the Topics,Post & Last posts on the index.php */

td.rowpic{background:url(images/cellpic2.gif) #ffffff repeat-y}



/* This is the border line & background colour round the entire page */

.bodyline{background:#ffffff;border:1px solid #98aab1}



/* This is the outline round the main forum tables 

.forumline{background:#ffffff;border:1px solid #006699}*/



/* The largest text used in the index page title and toptic title etc. */

.maintitle,h1{

font:bold 20px/120% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none;}



.subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;

text-decoration:none}



/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */

.nav{font-size:11px;font-weight:bold}

.postbody{font-size:13px;line-height:125%}



/* Location,number of posts,post date etc */

.postdetails{font-size:10px;color:#00396a}



/* Quote blocks */

.quote{

	border-width: 1px 1px 1px 8px;

	border-style: solid;

	border-color: #FF3366;

	margin: 1em;

	padding: 0 0.5em;

	background: #d1f0af;

}



.code {

	border-width: 1px 1px 1px 8px;

	border-style: solid;

	border-color: #339933;

	margin: 1em;

	padding: 0 0.5em;

	background: #d1f0af;

	font:12px Courier,"Courier New",sans-serif;

}



/* This is for the error messages that pop up */

.errorline{background:#add8e6;border:1px solid #006699}



/* Form elements */

form{display:inline}



input{font:11px Verdana,Arial,Helvetica,sans-serif}



select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}



input.post,textarea.post{background:#ffffff;border:1px solid #000000;

font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}



input.button,input.liteoption,.fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}

input.catbutton{border:1px solid #000000;background:#fff;font-size:10px}

input.mainoption{border:1px solid #000000;background:#fff;font-size:11px;font-weight:bold}



a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}



/* This is the line in the posting page which shows the rollover

help line. Colour value in row2 */

.helpline{border:0 solid;font-size:10px}



/* This is the gradient background at the top of the page */

.topbkg{background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x}

.topnav{font-size:10px;background: #d1f0af;

height:21px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 1px 1px 1px 1px}



.topmenu{font-size:12px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#dd6900;

height:21px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 1px 0px 1px 0px}





/* Admin & Moderator Colours MODification */

.admin,.mod{font-size:11px;font-weight:bold}

.admin,a.admin,a.admin:visited{color:#ffa34f}

.mod,a.mod,a.mod:visited{color:#006600}

a.admin:hover,a.mod:hover{color:#dd6900}



/* Specify the space around images */

.imgtopic,.imgicon{margin-left:3px}

.imgspace{margin-left:1px;margin-right:2px}

.imgfolder{margin:1px 4px 1px 4px} 



/* Gets rid of the need for border="0" on hyperlinked images */

body#forum #content img{border:0 solid}



/* Background images for tables */

.tbl{border-collapse:collapse;height:4px;width:100%}

.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}

.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}

.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}

	

td.firstPostAd {

	background-color: #d1f0af; border: #d1f0af; border-style: solid; border-width: 0px; text-align: center;

}

/* Transparence des logos de promotion si besoin */
.promoOk{
}

.promoKo{
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   -khtml-opacity: 0.2;
   opacity: 0.2;
}

.listing {
	margin: 1em 0 1em 0;
	list-style-type: square;
	padding: 0 0 0 20px;
	line-height:1.2em;
	border-width: 2px 2px 2px 2px;
	border-style:dashed;
	border-color: #99CC33;
	width:704px;
	background-color:#d1f0af;
}

.listing a {
	color: #FF3366;
}
.listing a:visited {
	
}

.listing ul li {
display: inline;
list-style: none;
}
.listing li a:hover{
color:#fff;
text-decoration: none;
background: #99CC33;
}

.emploi {
	margin: 1em 0 1em 0;
	padding: 0px;
	line-height:1.2em;
	border-width: 1px;
	border-style:dashed;
	border-color: #ff3366;
	width:724px;
	text-align:center
}