@charset "utf-8";
/* CSS Document */

/* ===== Couleurs =====

bleu facebook : #3B5998
rouge sombre : #a71e21
jaune or :  #FFD802
vert sombre : #008F17

*/


/* ===== General ==== */

body  {
background : #000 url(../images/background.jpg) no-repeat scroll center top;
background-color : #000;
width : auto;
min-height : 1800px;
font-family : lucida grande, sans-serif;
color : #000;
font-size : 1em;
}
#wrapper {
background : transparent;
width : 1001px;
margin-left : auto;
margin-right : auto;
} 
	

/* ===== Header ==== */

#header-container  {
background : none;
width : 100%;
height : 50px;
margin-left : auto;
margin-right : auto;
}
#header {
background : none;
margin-left : auto;
margin-right : auto;
text-indent : -999em;
} 


/* ===== Navigation ==== */

#navigation-container  {
position : relative;
width : 100%;
height : auto;
margin : 0 auto;
top : 340px;
}
#navbar {
position : relative;
background : none;
color : #000;
width : 878px;
height : 85px;
text-decoration : none;
font-weight : bold;
margin : 0 auto;
font-size : 1.3em;
}
#navbar ul {
list-style : none;
margin : 0 auto;
}
#navbar ul li {
float : left;
position : relative;
padding-left : 10px;
padding-right : 10px;
margin : 0 auto;
}
#navbar ul li a {
text-decoration : none;
color : #000;
width : auto;
height : 85px;
margin : 0 auto;
padding-top : 30px;
padding-bottom : 30px;
}
#navbar ul li a:hover {
background : transparent url(../images/hover.png) no-repeat scroll center;
height : 85px;
}
#navbar ul li a:active {
color : #b81021;
} 

/* drop down menu */

#dropdown-liste-disciplines  {
position : relative;
margin-top : -20px;
font-size : 0.8em;
background : none;
z-index : 1;
padding-top : 20px;
}
#dropdown-liste-disciplines ul {
border : medium solid #ffd802;
height : 800px;
}
#dropdown-liste-disciplines ul.niveau2 {
padding : 0;
height : auto;
z-index : 1;
background : #a71e21;
}
#dropdown-liste-disciplines ul li {
z-index : 1;
margin-top : 5px;
margin-bottom : 5px;
padding : 0;
padding-left : 5px;
width : 200px;
height : auto;
font-size : 0.8em;
}
#dropdown-liste-disciplines ul li a {
background-image : none;
z-index : 1;
padding : 0;
}
#dropdown-liste-disciplines ul li a:hover {
background-image : none;
color : #ffd802;
padding : 0;
margin-top : 5px;
margin-bottom : 5px;
}
#navbar li ul {
position : absolute;
left : -999em;
}
#navbar li ul li {
border-top : 1px solid #fff;
}
html > body #navbar li ul li {
border-top : 1px solid transparent;
}
#navbar li:hover ul, #navbar li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul {
left : auto;
min-height : 0;
} 


/* ===== Liens externes ==== */

#social-links {
	width:1001px;
	height:60px;
	position:absolute;
	margin: 0 auto;
	top: 453px;
	}

#greggotbox {
	position:relative;
	width:55px;
	height:55px;
	top:7px;
	left:508px;
	float: left;
	}
	
#greggotbox a img{
	border: none
	}

#facebookbox {
	position:relative;
	width:55px;
	height:55px;
	top:7px;
	left:528px;
	float: left;
	}
	
#facebookbox a img{
	border: none
	}
	
#youtubebox {
	position:relative;
	width:55px;
	height:55px;
	top:7px;
	left:548px;
	float: left;
	}
	
#youtubebox a img{
	border: none
	}
	
#dailymotionbox {
	position:relative;
	width:55px;
	height:55px;
	top:7px;
	left:568px;
	float: left;
	}
	
#dailymotionbox a img{
	border: none
	}

#twitterbox {
	position:relative;
	width:55px;
	height:55px;
	top:7px;
	left:588px;
	float: left;
	}
	
#twitterbox a img{
	border: none
	}
	
#rssbox {
	position:relative;
	width:55px;
	height:55px;
	top:7px;
	left:608px;
	float: left;
	}
	
#rssbox a img{
	border: none
	}
		
	
/* ===== Content ==== */

#container  {
background : #fff;
width : 995px;
height : auto;
top : 430px;
position : relative;
padding-bottom : 20px;
display : table;
padding-top : 30px;
}
#content {
background : #fff;
width : 485px;
height : auto;
padding : 0;
float : left;
margin-left : 20px;
line-height: 25px;
}
#content h1 {
margin-top : 0;
line-height : 30px;
background : #3b5998;
color : #fff;
padding : 5px;
font-size : 1.7em;
font-weight : bold;
}
#content h2 {
background : none;
color : #a71e21;
margin-top : 30px;
font-size : 1.2em;
font-weight : bold;
}
	

/* ===== Sidebar ==== */

/* ===== left-sidebar ==== */

#left-sidebar  {
width : auto;
float : left;
margin-left : 5px;
}
#sidebar-left {
background : #ffd802;
width : 200px;
height : auto;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
float : left;
margin-left : 10px;
}
#sidebar-left img {
margin-left : 3px;
border : 3px solid black;
}
#sidebar-left a {
color : #b81021;
text-decoration : none;
}
#sidebar-left a:hover {
font-weight : bold;
}
.title-sidebar-left {
font-variant : small-caps;
font-weight : bold;
font-size : 1.2em;
padding-bottom : 10px;
margin-left : 5px;
margin-top : 10px;
}
.id-sidebar-left {
padding-top : 20px;
font-weight : bold;
}
#sidebar-left img {
margin-left : 3px;
border : 3px solid black;
}
#sidebar-left a {
color : #b81021;
text-decoration : none;
}
#sidebar-left a:hover {
font-weight : bold;
}
#essai {
color : #fff;
background : #3b5998;
width : 200px;
height : auto;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
float : left;
margin-left : 10px;
margin-top : 10px;
clear : both;
font-style : italic;
font-size : 0.8em;
line-height : 20px;
}
.title-essai {
color : #fff;
font-variant : small-caps;
font-weight : bold;
font-size : 1.3em;
padding-bottom : 0;
margin-left : 5px;
margin-top : 10px;
font-style : normal;
font-size : 1.6em;
}
#entrainement-libre {
color : #fff;
background : #a71e21;
width : 200px;
height : auto;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
float : left;
margin-left : 10px;
margin-top : 10px;
clear : both;
font-style : italic;
font-size : 0.8em;
line-height : 20px;
}
.title-entrainement-libre {
color : #fff;
font-variant : small-caps;
font-weight : bold;
font-size : 1.3em;
padding-bottom : 0;
margin-left : 5px;
margin-top : 10px;
font-style : normal;
font-size : 1.6em;
} 

/* ===== right-sidebar ==== */

#right-sidebar  {
width : 240px;
float : left;
margin-left : 10px;
}
#sidebar-right {
background : #a71e21;
width : 200px;
height : auto;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
margin-top : 0;
margin-bottom : 10px;
margin-left : 10px;
float : left;
}
.title-sidebar-right {
font-variant : small-caps;
font-weight : bold;
font-size : 1.2em;
padding-bottom : 10px;
margin-left : 5px;
margin-top : 10px;
color : #fff;
}
#liste-disciplines {
background : #333;
width : 200px;
height : auto;
padding-top : 0;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
margin-bottom : 10px;
float : left;
margin-left : 10px;
color : #fff;
font-weight : bold;
}
#liste-disciplines ul {
padding : 0;
margin : 0;
font-size : 0.85em;
}
#liste-disciplines ul li {
list-style : none;
padding-bottom : 10px;
padding-left : 5px;
}
#liste-disciplines ul a {
text-decoration : none;
color : #fff;
}
#liste-disciplines ul a:hover {
color : #a71e21;
}
.title-liste-disciplines {
font-variant : small-caps;
font-weight : bold;
font-size : 1.2em;
padding-bottom : 10px;
margin-left : 5px;
margin-top : 10px;
color : #ffd802;
}
.title-type-disciplines {
text-transform : uppercase;
font-weight : bold;
font-size : 0.9em;
padding-bottom : 10px;
margin-left : 5px;
margin-top : 10px;
color : #008f17;
}
#question-disciplines {
background : #ffd802;
font-size : 0.8em;
width : 200px;
height : auto;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
float : left;
margin-left : 10px;
}
#question-disciplines a {
text-decoration : none;
color : #a71e21;
}
#question-disciplines a:hover {
font-weight : bold;
}
.title-question {
font-variant : small-caps;
font-weight : bold;
font-size : 1.7em;
padding-bottom : 10px;
margin-left : 5px;
margin-top : 10px;
} 

/* ===== Tableaux ==== */

#sidebar-right table  {
border : 2px solid black;
border-collapse : collapse;
color : #000;
background : #ffd802;
padding : 0;
margin : 0 auto;
font-size : 0.9em;
}
#sidebar-right table tr {
width : 100%;
height : 40px;
}
#sidebar-right table td, #sidebar-right table th {
border : 2px solid black;
padding-left : 5px;
padding-right : 5px;
text-align : center;
}
#sidebar-right table th {
background : #333;
color : #fff;
}
#sidebar-right table tr:hover {
background : #f60;
}
#sidebar-right .cours_sanda {
color:#FFF;
font-size:0.8em;
font-weight:bold
} 

/* ===== Footer ==== */
	
#footer  {
width : 1001px;
background : url(../images/footer.jpg) no-repeat scroll center top;
background-color : #000;
height : 320px;
position : relative;
top : 430px;
padding-top : 20px;
margin : 0 auto;
color : #ffd802;
text-align : center;
}
#footer p {
text-decoration : none;
color : #ffd802;
line-height : 10px;
margin-top : 0;
}
#footer p a {
text-decoration : none;
color : #a71e21;
}
#footer p a:hover {
color : #ffd802;
}
#liste-disciplines-footer {
width : 1001px;
height : auto;
margin : 0 auto;
position : relative;
padding-top : 10px;
padding-left : 40px;
font-size : 0.8em;
text-align : left;
}
#footer ul {
padding : 0;
margin : 0 auto;
margin-right : 85px;
font-size : 0.85em;
float : left;
}
#footer ul li {
list-style : none;
padding-bottom : 10px;
padding-left : 5px;
}
#footer ul a {
text-decoration : none;
color : #fff;
}
#footer ul a:hover {
color : #a71e21;
}