/* @override 
	http://localhost/~remi/claire-p/css/main.css
	http://localhost/~remi/claire-p/divers/css/main.css
*/

/* CLEARER */

* {
	margin:0pt;
	padding:0pt;
}


body, div, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	border:medium none;
	font-family:helvetica,Geneva,Arial,sans-serif;
	font-size:12px;
	line-height:18px;
	font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; list-style-image:none; list-style-position:outside; list-style-type:none;
	margin:0pt; padding:0pt;
}

.clearer { clear:both; font-size:1px; line-height:1px; overflow:hidden;}
a {
	text-decoration: none;
}

#info a {
	font-size: 14px;
	position: relative;
	top: 90px;
	left: 90px;
}
a:link, a:visited { text-decoration:none; color: black;}

#blog ul {
	padding-top: 14px;
	padding-left: 120px;
	padding-right: 10px;
}

#blog ul li {
	background: url(picto_menu.gif) no-repeat 4px 3px;
	margin-top: 1px;
}
/*IE6*/ * html #blog  ul li a  {margin-top:-5px; margin-bottom: -5px;}
#blog ul li a {
	font-size: 12px;
	display: block;	
	margin-left: 14px;
}

a:hover { text-decoration:none;color: #f79d4f;
}

body { margin:0; padding: 0; text-align:center; }

#wrapper {background: url('fond.gif') no-repeat;  width:952px; height:714px; text-align:left; margin:20px auto 0px; }

.hidden {
	visibility: hidden;
}

#menu {
	float: right;
	margin-top: 28px;
}

#menu ul {margin-right: 44px;}
	#menu ul li {
		float: left;
		background: url(picto_menu.gif) no-repeat 0 2px;
	}


		#menu ul li a {
			color:black;
	padding: 15px;
}
		#menu ul li a:hover {
			color:#f79d4f;
			text-decoration: none;
		}
		#menu ul li a.selected {
			color: #f79d4f;
		}


#ban { background: url(logo.gif) no-repeat 42px 36px;
}
#ban a { height: 170px; width:342px; display:block; }
#ban a span { visibility:hidden}
#ban a:hover {text-decoration:none;}

#fleche { 
	background: url(fleche_lien.gif) no-repeat -24px 0;
	text-decoration:none;
}
#fleche:hover{
	background: url(fleche_lien.gif) no-repeat 0 0;
}

#categories {
	background: url(fd_categories.gif) no-repeat 0 -10px;
	float: right;
	width: 569px;
	height: 125px;
	clear: both;
}
	#categories ul { margin-left: 140px; }
	#categories ul li {float:left;}
		#categories ul li a {display:block;	text-align:center; margin-top: 70px;
}
			#categories ul li a span {visibility:hidden;}
			#categories ul li a:link,
			#categories ul li a:visited { color: #000; }
			
			#categories ul li.divers a {
				background: url(cla_cat_divers.gif) no-repeat 0 -1px;
				width: 56px;
				margin-right: 22px;
				height: 56px;
			}
			#categories ul li.bd a {
				background: url(cla_cat_bd.gif) no-repeat 0 -1px;
				width: 56px;
				height: 56px;
				margin-right: 17px;
			}

			#categories ul li.jeunesse a {
				background: url(cla_cat_jeunesse.gif) no-repeat 0 -1px;
				width: 56px;
				height: 56px;
				margin-right: 32px;
			}
			#categories ul li.scientifique a {
				background: url(cla_cat_scientifique.gif) no-repeat 0 -1px;
				width: 56px;
				height: 56px;
				margin-right: 31px;
			}
			#categories ul li.medicale a {
				background: url(cla_cat_medicale.gif) no-repeat 0 -1px;
				width: 56px;
				height: 56px;
			}
		#categories ul li.sel a {
			background-position: -112px -1px;
		}
			#categories ul li a:hover {
							background-position: -112px -1px;}
	
		
#content {clear:both;}
#carousselle {background: url(carousselle_bg.gif) no-repeat; width:458px; height:461px;
	margin-top: 25px;
	margin-left: 62px;
	position: relative;
	overflow: hidden;
}

/*IE6*/ * html #carousselle{margin-left:20px;}
#car_content {
	padding-top: 30px;
	margin-left: 8px;
	margin-right: 10px;
	overflow: hidden;
	width: 440px;
	position: relative;
	height: 370px;
}

#car_content_inside {
	width: 2500px;
	height: 370px;
	position: relative;
	right: -440px;
}

.car_content_img {
	width: 440px;
	height: 370px;	
	float: left;
}

#gallerie_images {
	float: right;
	width: 601px;
	height: 500px;
	overflow: hidden;
	position: relative;
	margin-right: 50px;
}

#gallerie_images_car{
	float:right;
	width: 601px;
	height: 454px;
	position: relative;
	overflow: hidden;
}


#carrousel_gallerie_images {
	height: 454px;
	width: 20000px;
	position: relative;
}

.carrousel_image {
	width: 601px;
	height: 454px;
	float: left;
}


#car_categories ul { margin-left: 70px; }
#car_categories ul li {float:left;}
	#car_categories ul li a {display:block;	text-align:center; margin-top: 10px; width:37px; height: 41px;}
		#car_categories ul li a span {visibility:hidden;}
		#car_categories ul li.divers a {
			background: url(cla_cat_divers_m.gif) no-repeat 0 0px;
			margin-right: 35px;
		}
		/*IE6*/ * html #car_categories ul li.divers a {margin-right: 0px;}
		#car_categories ul li.jeunesse a {
			background: url(cla_cat_jeunesse_m.gif) no-repeat 0 0px;
			margin-right: 35px;
		}
			/*IE6*/ * html #car_categories ul li.jeunesse a {margin-right: -17px; margin-left:30px;}
		#car_categories ul li.bd a {
			background: url(cla_cat_bd_m.gif) no-repeat 0 0px;
			margin-right: 35px;
		}
			/*IE6*/ * html #car_categories ul li.bd a {margin-right: -17px;  margin-left:30px;}
		#car_categories ul li.scientifique a {
			background: url(cla_cat_scientifique_m.gif) no-repeat 0 0px;
			margin-right: 35px;
		}
			/*IE6*/ * html #car_categories ul li.scientifique a {margin-right: -23px;margin-left:30px;}
		#car_categories ul li.medicale a {
			background: url(cla_cat_medicale_m.gif) no-repeat 0 0px;
			margin-right: 35px;
		}
			/*IE6*/ * html #car_categories ul li.medicale a {margin-right: -17px; margin-left:30px;}		
		#car_categories ul li a:hover {
			background-position: -37px 0px;
		}
		#car_categories ul li.sel a {

			background-position: -74px 0px;
		}
		
		/*IE6*/ * html #s_right {}

#s_right{float:right;
	width: 393px;
	height: 468px;
	position: relative;
	margin-right: 22px;
}

/*IE6*/ * html #s_right { margin-right:12px;}

#bottom{
	position:absolute;
	bottom: 5px;
	left:0
}

#bottom img {
	float: left;
	padding-left: 17px;
	padding-top: 30px;
	margin-right: 10px;	
}

#bottom p {
	padding-left: 110px;
}

#actu {
	background: url(actualites.gif) no-repeat;
	height: 51px;
}


#actu p {
	padding-left: 333px;
}

#actu p span {
	color: orange;
	display: block;
	font-size: 18px;
}
#bg_actu{
	background: url(bg_actu.gif) no-repeat;
	height: 129px;
	width: 362px;
	margin-top: 10px;

}
#bg_actu p {
	margin-right: 10px;
	padding-left: 25px;
	padding-top: 20px;
	line-height: 18px;
	font-size: 12px;
}
#blog {
	background: url(bg_blog.gif) no-repeat;
	height: 100px;
	width: 362px;
}

#abilem {
	background: url(bg_actu.gif) no-repeat;
	height: 129px;
	width: 362px;
}
#abilem p {
	line-height: 19px;
	padding-left: 125px;
	padding-right: 10px;
	padding-top: 18px;
	margin-top: 2px;
}
#abilem p a {
	text-decoration: none;
	color: black;
	font-size: 13px;
}

#abilem p a:hover {
	color: #f79d4f;
}

#copyright{
	margin: 0px auto;
	text-align: center;
}


.categorie {
	
}

.sous_categorie {
	
}


#menu_projet {
	width: 196px;
	height: 480px;
	margin-left: 50px;
	margin-top: 30px;
}

#menu_projet h1{
	text-transform: uppercase;
	background-color: black;
	font-size: 18px;
	margin-bottom: 10px;
	padding: 10px;
	margin-right: 5px;
}

#menu_projet h1 a {
	color: #fff;
	text-decoration: none;
}

#menu_projet h1 a:hover {
	color: #f5821e;
}

#menu_projet h2#sous_cat{
	text-transform: uppercase;
	margin-top: 4px;
	font-size: 16px;
	color: #f79d4f;
	margin-bottom: 5px;
	margin-left: 12px;
}



#accordeon a.selected {
	font-size: 19px;
	color: #f5821e;
}

#accordeon a:hover {
	color: #f5821e;
}

.ui-accordion { margin: 0; padding: 0; list-style-type: none; }
.ui-accordion li { margin: 0; margin-bottom: 5px; padding: 0; }
/*IE6*/ * html .ui-accordion li  {margin-bottom: -20px; margin-top:-15px;}
.ui-accordion li .ui-accordion-header {
	display: block;
	padding-left: 10px;
	color: #000;
	text-decoration: none;
	line-height: 28px;
	position: relative;
	padding-right: 9px;
}

.ui-accordion li .ui-accordion-header h2.titre {
	font-size: 14px;
	margin-right: 24px;
}

.ui-accordion li span.bottom {
	display: none;
}

.ui-accordion li.selected div {
	background: url(bg_projet_milieu.gif) repeat-y;
}

.ui-accordion li div {
	padding-right: 30px;
	padding-left: 10px;
	line-height: 25px;
	font-size: 12px;
}

.ui-accordion li.selected span.bottom {
	width: 193px;
	display: block;
	background: url(bg_projet_bas.gif) no-repeat;
}
.ui-accordion li.selected .ui-accordion-header {
	background: url(bg_projet_haut.gif) no-repeat;
	padding-top: 10px;
}

#jeunesse_acceuil {
	margin: 70px 100px 0 180px;
}

#jeunesse_image {
	background: url(jeunesse_images.gif) no-repeat 0 0;
	text-decoration: none;
	float: left;
	display: block;
	width: 403px;
	height: 330px;
	margin-top: 30px;
}
#jeunesse_image:hover {
	background-position: -403px 0;
}

#jeunesse_titre  {
	display: block;
	float: left;
	}

#jeunesse_titre h1 a {
	background: url(titre_jeunesse.gif) no-repeat;
	width: 250px;	text-decoration: none;
	height: 186px;
	display: block;
}

#jeunesse_titre p {
	text-align: right;
	margin-top: 60px;
	font-size: 14px;
	line-height: 24px;
	padding-left: 0;
}


/*
** Accueil BD
*/


#bd_acceuil {
	margin-top: 60px;
	margin-left: 146px;
	margin-right: 21px;
}

#bd_image {
	background: url(bd_images.gif) no-repeat 0 0;
	text-decoration: none;
	float: left;
	display: block;
	width: 426px;
	height: 440px;
	margin-top: -10px;
	margin-left: 27px;
}
#bd_image:hover {
	background-position: -426px 0;
}

#bd_titre  {
	display: block;
	float: left;
	}

#bd_titre h1 a {
	background: url(titre_bd.gif) no-repeat;
	width: 269px;
	text-decoration: none;
	height: 174px;
	display: block;
	margin-top: 50px;
}

#bd_titre p {
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
}

/*
** Accueil Didactique
*/


#didactique_acceuil {
	margin-top: 60px;
	margin-right: 21px;
}

#didactique_image {
	background: url(didactique_images.gif) no-repeat 0 0;
	text-decoration: none;
	float: left;
	display: block;
	width: 526px;
	height: 375px;
	margin-top: 40px;
}
#didactique_image:hover {
	background-position: -526px 0;
}

#didactique_titre  {
	display: block;
	float: left;
	}

#didactique_titre h1 a {
	background: url(titre_didactique.gif) no-repeat;
	width: 327px;
	text-decoration: none;
	height: 236px;
	display: block;
	margin-left: 42px;
	position: relative;
	left: 41px;
	z-index: 1;
}

#didactique_titre p {
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	top: -50px;
	z-index: 1;
	right: 8px;
}


/**
** Accueil Médicale
*/

#medicale_acceuil {
	margin-top: 90px;
	margin-right: 21px;
	margin-left: 40px;
}

#medicale_image {
	background: url(medicale_images.gif) no-repeat 0 0;
	text-decoration: none;
	float: left;
	display: block;
	width: 314px;
	height: 314px;
	margin-top: 39px;
}
#medicale_image:hover {
	background-position: -314px 0;
}

#medicale_titre  {
	display: block;
	float: left;
	}

#medicale_titre h1 a {
	background: url(titre_medicale.gif) no-repeat;
	width: 330px;
	text-decoration: none;
	height: 220px;
	display: block;
	z-index: 1;
	margin-left: 60px;
	margin-top: 31px;
}

#medicale_titre p {
	text-align: right;
	font-size: 14px;
	line-height: 24px;
	margin-left: 62px;
	padding-right: 80px;
	padding-top: 25px;
}


/**
* Accueil Divers
*/


#divers_acceuil {
	margin-top: 60px;
	margin-left: 100px;
}

#divers_image {
	background: url(divers_images.gif) no-repeat 0 0;
	text-decoration: none;
	float: left;
	display: block;
	width: 367px;
	height: 412px;
	margin-left: 70px;
	margin-top: 10px;
}

#divers_titre  {
	display: block;
	float: left;
	}

#divers_titre h1 a {
	background: url(titre_divers.gif) no-repeat;
	width: 220px;
	text-decoration: none;
	height: 150px;
	display: block;

	z-index: 1;
	margin-top: 30px;
}

span.date {
	font-size: 11px;
	padding-top: 5px;
}

.free_link {
	text-decoration: none;
	color: black;
	padding: 25px;
	font-size: 18px;
	position: relative;
}

#divers_livre {
	right: 410px;
	top: 90px;
}

#divers_cuisine {
	top: 394px;
	right: 470px;
}

#divers_croquis {
	z-index: 1;
	bottom: 42px;
	right: 30px;
}

#divers_mode {
	top: 165px;
	right: 10px;
	margin: -25px;
}

#navigation {
	height: 39px;
	display: block;
}

#fleche_left a{
	background: url(fleche_left.gif) no-repeat 0 0;
	text-decoration: none;
	float: left;
	height: 40px;
	width: 40px;
	clear: left;
}
#fleche_left a:hover {
	background-position: -80px;
}

div#fleche_left.disable a {
	background-position: -40px;
}

#fleche_right a{
	background: url(fleche_right.gif) no-repeat 0 0;
	text-decoration: none;
	float: left;
	height: 40px;
	width: 40px;
}
#fleche_right a:hover {
	background-position: -80px;
}

div#fleche_right.disable a {
	background-position: -40px;
}

#infos {
	width: 596px;
	height: 445px;
	background: url(infos.gif) no-repeat;
	float: right;
	margin-top: 50px;
	margin-right: 58px;
}

#fille {
	background-image: url(fille.gif);
	width: 152px;
	height: 198px;
	float: left;
	margin-top: 290px;
	margin-left: 48px;
}

#fille:hover {
	background-position: -152px 0;
}


#fille p {
	text-align: right;
	width: 90px;
	position: relative;
	right: 30px;
	top: 168px;
}

div#contact {
	width: 165px;
	height: 201px;
	float: left;
	margin-top: 280px;
	margin-left: 80px;
	background: url(contact.gif) no-repeat;
}

div#contact:hover {
	background-position: -165px 0;
}

#contact p {
	position: relative;
	top: 70px;
	text-align: right;
	margin-right: 57px;
}

div#carte {
	width: 553px;
	height: 344px;
	background: url(carte.png) no-repeat;
	float: right;
	margin-top: 94px;
	margin-right: 80px;
}

#carte p {
	float: right;
	text-align: right;
	margin-top: 200px;
	line-height: 22px;
	margin-right: 39px;
}

#carte p span{
	display: block;
}

div#img_liens {
	width: 155px;
	float: left;
	margin-top: 200px;
	margin-left: 70px;
	background: url(liens.gif) no-repeat;
}

#img_liens p {
	padding-top: 70px;
	text-align: right;
}

#img_liens p span {
	display: block;
	line-height: 18px;
}

#liens {
	margin-top: 135px;
}

#wrap1 {
	display: block;
	float: left;
	margin-left: 130px;
	margin-right: 50px;
}

#wrap2 {
	float: left;
	display: block;
}

#wrap2 p span{
	text-align: left;
	display: block;
	line-height: 22px;
}

#wrap1 p span{
	text-align: right;
	line-height: 22px;
	display: block;
}