0byt3m1n1-V2

Path: /home/nlpacade/www/css/ [ Home ]
File: style.css
*{
	/* Universal page reset */
	margin:0;
	padding:0;
}

















#cal{
	margin-left:-28px;
	
}
.tit1{
float:left;
width:339px;
height:190px;
margin-bottom:25px;
}
.tit{
float:left;
width:339px;
height:5Opx;
margin-bottom:10px;
}
.tit1 ul{
float:left;
margin:0;
padding:0;
width:339px;
height:190px;
list-style-type:none;
}
.tit1 ul .text{
float:left;
margin:10px 0 0 15px;
}
.tit1 ul .text span{
font-size:11px;
font-weight:normal;
}
.tit1 ul li{
float:left;
margin:0;
width:339px;
height:50px;
padding:0;
color:#4d4d4d;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
list-style-type:none;


}




.tit1 ul li a{
float:left;
padding:0;
color:#4d4d4d;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
list-style-type:none;
}
.tit1 ul li a:hover{
float:left;
padding:0;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
list-style-type:none;
}
.tit1 ul li.tit13{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/gris.png);
list-style-type:none;
color:#FFFFFF;
}


.tit1 ul li.tit13:hover{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/jaune.png);
list-style-type:none;
color:#FFFFFF;
}
.tit1 ul li.tit12{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/gris3.png);
list-style-type:none;
color:#FFFFFF;
}



.tit1 ul li.tit12:hover{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/vert.png);
list-style-type:none;
color:#FFFFFF;
}
.tit1 ul li.tit20{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/gris5.png);
list-style-type:none;
color:#FFFFFF;
}



.tit1 ul li.tit20:hover{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/jaune2.png);
list-style-type:none;
color:#FFFFFF;
}
.tit1 ul li.tit11{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/gris2.png);
list-style-type:none;
color:#FFFFFF;
}



.tit1 ul li.tit11:hover{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/bleu.png);
list-style-type:none;
color:#FFFFFF;
}
.tit1 ul li.tit14{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/gris4.png);
list-style-type:none;
color:#FFFFFF;
}


.tit1 ul li.tit14:hover{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/rouge.png);
list-style-type:none;
color:#FFFFFF;
}

.tit1 ul li.tit15{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/gris6.png);
list-style-type:none;
color:#FFFFFF;
}


.tit1 ul li.tit15:hover{
float:left;
margin:0;
padding:0;
width:339px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
height:38px;
background:url(../images/bleu2.png);
list-style-type:none;
color:#FFFFFF;
}






#main{
	/* The main container div */
	
	font:normal 12px Arial, Helvetica, sans-serif; color:#747474;position: relative;
	margin:30px 0 0 540px ;
	width:410px;
	
	
	padding:70px 25px 60px;
	
	/* CSS3 rounded cornenrs */
	
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
}

#holder{
	/* The unordered list that is to be split into pages */

	width:580px;
	margin-left:-570px;
	margin-top:190px;
	
	overflow:hidden;
	position:relative;
	
	padding-bottom:10px;

	/*	CSS3 inner shadow (the webkit one is commeted, because Google Chrome
		does not like rounded corners combined with inset shadows): */

	
	/*-webkit-box-shadow:0 0 10px #222 inset;*/

}

.swControls{
	
	margin-top:10px;
	margin-right:-510px;
	
	
}

a.swShowPage{

	/* The links that initiate the page slide */

	background-color:#444444;
	float:left;
	height:15px;
	margin:4px 3px;
	text-indent:-9999px;
	width:15px;
	/*border:1px solid #ccc;*/
	
	/* CSS3 rounded corners */
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color:#2993dd;
	
	/*	CSS3 inner shadow */
	
	
	/*-webkit-box-shadow:0 0 7px #1e435d inset;*/
	
}

#holder li{
	
	
	list-style:none outside none;
	margin:10px 10px 0;
	padding:20px;
	float:left;

	/* Regular CSS3 box shadows (not inset): */

	
}

#holder,
#holder li{
	/* Applying rouded corners to both the holder and the holder lis */
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.clear{
	/* This class clears the floated elements */
	clear:both;
}


/* The styles below are only necessary for the styling of the demo page */

h1{
	background-color:#272B2C;
	border-bottom:1px solid #000000;
	color:#EEEEEE;
	font-size:32px;
	font-weight:normal;
	margin-bottom:30px;
	padding:30px 0;
	text-align:center;
	
	-moz-box-shadow:0 1px 0 #444444;
	-webkit-box-shadow:0 1px 0 #444444;
	box-shadow:0 1px 0 #444444;
}

h1,h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}



a, a:visited {
	text-decoration:none;
	outline:none;
}

a:hover{
}

a img{
	border:none;
}
	
.menu_resize { width:959px; margin:0 auto; padding:0; float:left; background:url(../images/menu.jpg) left top; height:45px; z-index:1; margin-top:1px;}
.menu { padding:0; margin:0; width:400px; float:left;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:13px 10px; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; border:1px solid #000;}
.menu ul li a:hover { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}
.menu ul li a.active { color:#252525; background:#f1f1f1; border:1px solid #d3d3d3;}


 
 
 
 
 
 
 
 
 
 
 
 
 
 











#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 float:left;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 }
#menu li.lien1{
 float:left;
 width:103px;
 height:45px;
 margin-right:2px;
  background:url(../images/a1.jpg);
}
#menu li.lien1 a:hover{
 float:left;
 width:103px;
 height:45px;
 background:url(../images/lien1hover.png);
}
#menu li.lien1 a:link, #menu li.lien1 a:visited {
 float:left;
 width:103px;
 height:45px;
 color:#34475a;
 margin-right:1px;
 text-decoration:none;
}
#menu li.lien1 ul li a:link, #menu li.lien1 ul li a:visited{
 float:left;
 width:250px;
 height:27px;
 font-size:11px;
 color:#3b3d45;
 text-align:left;
 font-weight:bold;
 padding-top:0px;
 padding-left:5px;
 background:url(../images/sss.png) no-repeat;
}
#menu li.lien1 ul li a:hover{
 float:left;
width:250px;
  height:27px;
 font-size:11px;
 font-weight:bold;
 color:#26a3e0;
 padding-top:0px;
 text-align:left;
 padding-left:5px;
 background:url(../images/bleumenu.jpg) no-repeat;
}
#menu li.lien1 ul li ul li a:link, #menu li.lien1 ul li ul li a:visited{
 float:left;
  width:250px;
 height:32px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li.lien1 ul li ul li a:hover{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/puce.png) no-repeat;
}


#menu li.lien2{
 float:left;
 width:129px;
 height:45px;
 margin-right:2px;
  background:url(../images/a2.jpg);
}
#menu li.lien2 a:hover{
 float:left;
  width:129px;
 height:45px;
 background:url(../images/lien2hover.png);
}
#menu li.lien2 a:link, #menu li.lien2 a:visited {
  float:left;
 width:129px;
 height:45px;
 margin-right:1px;
 color:#34475a;
 text-decoration:none;
}
#menu li.lien2 ul li a:link, #menu li.lien2 ul li a:visited{
 float:left;
 width:250px;
 height:22px;
 font-size:11px;
 color:#3b3d45;
 text-align:left;
 font-weight:bold;
 padding-top:0px;
 padding-left:5px;
 background:url(../images/sss.png) no-repeat;
}
#menu li.lien2 ul li a:hover{
 float:left;
width:250px;
  height:22px;
 font-size:11px;
 font-weight:bold;
 color:#26a3e0;
 text-align:left;
 padding-left:5px;
 background:url(../images/bleumenus.jpg) no-repeat;
}
#menu li.lien2 ul li ul li a:link, #menu li.lien2 ul li ul li a:visited{
 float:left;
  width:250px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li.lien2 ul li ul li a:hover{
 float:left;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/puce.png) no-repeat;
}




#menu li.lien3{
 float:left;
  width:135px;
 height:45px;
margin-right:2px;
  background:url(../images/a3.jpg);
}
#menu li.lien3 a:hover{
 float:left;
width:135px;
 height:45px;
 background:url(../images/lien3hover.png);
}
#menu li.lien3 ul li a:link, #menu li.lien3 ul li a:visited{
 float:left;
 height:27px;
 font-size:11px;
 color:#3b3d45;
 text-align:left;
 font-weight:bold;
 padding-top:0px;
 padding-left:5px;
 background:url(../images/sss.png) no-repeat;
}
#menu li.lien3 ul li a:hover{
 float:left;
  height:27px;
 font-size:11px;
 font-weight:bold;
 color:#26a3e0;
 padding-top:0px;
 text-align:left;
 padding-left:5px;
 background:url(../images/bleumenu.jpg) no-repeat;
}
#menu li.lien3 ul li ul li a:link, #menu li.lien3 ul li ul li a:visited{
 float:left;
 height:32px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li.lien3 ul li ul li a:hover{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/puce.png) no-repeat;
}
#menu li.lien3 a:link, #menu li.lien3 a:visited {
  float:left;
 width:135px;
 height:45px;
 margin-right:1px;
 color:#34475a;
 text-decoration:none;
}


#menu li.lien3 ul li a,#menu li.lien3 ul li a:hover{
    width: 250px !important;
}
#menu li.lien3 ul li ul li a,#menu li.lien3 ul li ul li a:hover{
    width: 317px !important;
}


#menu li.lien4{
 float:left;
 width:112px;
 margin-right:2px;
  background:url(../images/a4.jpg);
 height:45px;
}
#menu li.lien4 a:hover{
 float:left;
 width:112px;
 height:45px;
 background:url(../images/lien4hover.png);
}
#menu li.lien4 a:link, #menu li.lien4 a:visited {
  float:left;
 width:112px;
 height:45px;
 margin-right:1px;
 color:#34475a;
 text-decoration:none;
}





#menu li.lien4 ul li a:link, #menu li.lien4 ul li a:visited{
 float:left;
 width:250px;
 height:27px;
 font-size:11px;
 color:#3b3d45;
 text-align:left;
 font-weight:bold;
 padding-top:0px;
 padding-left:5px;
 background:url(../images/sss.png) no-repeat;
}
#menu li.lien4 ul li a:hover{
 float:left;
width:250px;
  height:27px;
 font-size:11px;
 font-weight:bold;
 color:#26a3e0;
 padding-top:0px;
 text-align:left;
 padding-left:5px;
 background:url(../images/bleumenu.jpg) no-repeat;
}
#menu li.lien4 ul li ul li a:link, #menu li.lien4 ul li ul li a:visited{
 float:left;
  width:250px;
 height:32px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li.lien4 ul li ul li a:hover{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/puce.png) no-repeat;
}





#menu li.lien5{
 float:left;
  width:140px;
 height:45px;
 margin-right:2px;
  background:url(../images/a5.jpg);
}
#menu li.lien5 a:hover{
 float:left;
  width:140px;
 height:45px;
 background:url(../images/lien5hover.png);
}
#menu li.lien5 a:link, #menu li.lien5 a:visited {
  float:left;
  width:140px;
 height:45px;
 margin-right:1px;
 color:#34475a;
 text-decoration:none;
}
#menu li.lien5 ul li a:link, #menu li.lien5 ul li a:visited{
 float:left;
 width:250px;
 height:27px;
 font-size:11px;
 color:#3b3d45;
 text-align:left;
 font-weight:bold;
 padding-top:0px;
 padding-left:5px;
 background:url(../images/sss.png) no-repeat;
}
#menu li.lien5 ul li a:hover{
 float:left;
width:250px;
  height:27px;
 font-size:11px;
 font-weight:bold;
 color:#26a3e0;
 padding-top:5px;
 text-align:left;
 padding-left:5px;
 background:url(../images/bleumenu.jpg) no-repeat;
}
#menu li.lien5 ul li ul li a:link, #menu li.lien5 ul li ul li a:visited{
 float:left;
  width:250px;
 height:32px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li.lien5 ul li ul li a:hover{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/puce.png) no-repeat;
}



#menu li.lien6{
 float:left;
  width:122px;
 height:45px;
 margin-right:2px;
  background:url(../images/a6.jpg);
}
#menu li.lien6 a:hover{
 float:left;
 width:122px;
 height:45px;
 background:url(../images/lien6hover.png);
}
#menu li.lien6 a:link, #menu li.lien6 a:visited {
  float:left;
 width:122px;
 height:45px;
 color:#34475a;
 margin-right:1px;
 text-decoration:none;
}
#menu li.lien6 ul li a:link, #menu li.lien6 ul li a:visited{
 float:left;
 width:250px;
 height:27px;
 font-size:11px;
 color:#3b3d45;
 text-align:left;
 font-weight:bold;
 padding-top:5px;
 padding-left:5px;
 background:url(../images/sss.png) no-repeat;
}
#menu li.lien6 ul li a:hover{
 float:left;
width:250px;
  height:27px;
 font-size:11px;
 font-weight:bold;
 color:#26a3e0;
 padding-top:5px;
 text-align:left;
 padding-left:5px;
 background:url(../images/bleumenu.jpg) no-repeat;
}
#menu li.lien6 ul li ul li a:link, #menu li.lien6 ul li ul li a:visited{
 float:left;
  width:250px;
 height:32px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li.lien6 ul li ul li a:hover{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 padding-top:0px;
 background:url(../images/puce.png) no-repeat;
}


#menu li ul li{
 float:left;
 height:28px;
 }
#menu li ul li a:link, #menu li ul li a:visited{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li ul li a:hover{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 background:url(../images/puce.png) no-repeat;
}

 #menu li a span{
 display:block;
 margin-top:15px;
 height:30px;
 color:white;
 text-decoration:none;
 }

#menu ul li ul {
 display:none;
 background:white !important;
 float:left;
 padding-top:20px;
   opacity : 0.9;
    -moz-opacity : 0.9;
    -ms-filter: "alpha(opacity=90)"; /* IE 8 */
    filter : alpha(opacity=90); /* IE < 8 */
 }
#menu ul li ul li ul {
 display:none;
 background:url(../images/bgmenu.png) repeat;
 width:250px;
 float:left;
 padding-top:20px;
 margin-left:0px;
 }
 
 #menu li ul li ul li a:link, #menu li ul li ul li a:visited{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#565656;
 text-align:left;
 padding-left:20px;
 background:url(../images/pucegris.png) no-repeat;
}
#menu li ul li ul li a:hover{
 float:left;
 width:250px;
 height:32px;
 font-size:11px;
 color:#26a3e0;
 text-align:left;
 padding-left:20px;
 background:url(../images/puce.png) no-repeat;
}
 
#menu ul li:hover ul {
 display:block;
 }
#menu ul li:hover ul li ul {
 display:block;
}
#menu li ul li {
 float:none;
 padding: 0 8px;
 }
#menu li ul li ul li{
 float:none;
 }
#menu li ul {
 position:absolute;
 }
#menu li ul li ul{
 position:absolute;
 }





.ddsmoothmenu {
	/*background: #414141; background of menu bar (default state)*/
	
	float: left;
	width:761px;

}

.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	
}
.ddsmoothmenu ul a {
color:#fff;


	
}
.ddsmoothmenu ul li a:hover {
	
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;

}
/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	/*background: #414141; background of menu items (default state)*/
	/*border-right: 1px solid #088fc3;*/

}
.ddsmoothmenu ul li ul a {


}
.ddsmoothmenu ul li.lastlink a {
}
.ddsmoothmenu ul li ul a {
	display: block;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li ul a { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	
}

.ddsmoothmenu ul li ul li a:hover { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	
	
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/

	
}
.ddsmoothmenu ul li ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	
	
}
.ddsmoothmenu ul li a:hover {
	

}

.ddsmoothmenu ul li ul a:hover {
	
}
.ddsmoothmenu .current a, .ddsmoothmenu #current {

}
.ddsmoothmenu .current ul a {
	
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {
	position: absolute;
	top: 15px;
	right: 7px;
}
.rightarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}
/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}
.toplevelshadow { /*shadow opacity. Doesn't work in IE*/
	opacity: 0.8;
}

 
 


.table-separateur {
  font-size : 12px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #333333;
  background-color : #d6d3ce;
}

.imagenlp{
float:right;
margin-right:27px;
width:348px;

}
.face-link{ background-image:url(../images/face-link.png);}