/* ===============================================

	Clownattitude
	
	Feuilles de style creees par 
	Victor VILA en mars 2009
	
	victor (at) adifco.fr	03 80 48 69 24
	
	ADiFCO
	14E rue Pierre de Coubertin
	21 000 DIJON
	
=============================================== */



/* http://meyerweb.com/eric/tools/css/reset/ 
=============================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }


/* Outils 
========= */
a { color:#4a4a4a; text-decoration:underline; }
a:hover { color:#666; text-decoration:underline; }
a img { border:0;}
:focus { outline:0; }
.bold { font-weight:bold; } 
.clear {clear:both;}
.clown, strong {color:#f91111;font-weight:bold;}
.bleu {color:#44f;}
.italic {font-style:italic}
.expand {letter-spacing:.3em;font-family:"Courier New", Courier, monospace;color:#000; }
.center {text-align:center;}
img.center {margin:10px auto;display:block}
.animation {float:right;margin:10px 0 20px 20px;}
.animationabs {
	position:absolute;
	top:15px;
	left:312px;
	z-index:100;
} 
.cache {display:none;}
#etape1, #etape2, #etape3, #etape4 {background:#F6EFDF;padding:20px 0;width:100%;}
#etape1 img, #etape2 img, #etape3 img, #etape4 img {display:block;margin:0 auto; }
.rouge {color:#c60}
h3 a {text-align:left;cursor:pointer;text-decoration:none;font:normal 1.2em/33px Arial, Helvetica, sans-serif;width:495px;display:block;height:33px;background:#c60;padding:0 20px;color:#FFFFFF;border:1px solid #1e1e1e;} 
h3 a:hover {color:#eee;text-decoration:none}
.dernier {margin-top:30px}
#maps {background:#F6EFDF;padding:10px;border:1px solid #ccc;margin:20px auto;}
.static {position:static}


/* Titres 
========= */
h1, h2, h3, h4, h5, h6, .head { margin-bottom:1em; line-height:1.4em; color:#5eb83f;}
h1 { font-size:2.1em; line-height:1.17;padding-bottom:1em;position:relative;z-index:200; }
h2 { font-size:1.4em;margin:2.5em 0 1.5em 0;color:#88f; } 
h3 { font-size:1.2em;margin:2.5em 0 1.5em 0; }
h4 { font-size:1.05em; }
h5 { font-size:1.05em; }
h6 { font-size:.95em; } 


/* Contenu
========== */ 
html {background: #00CC33 url(../images/herbe.jpg) repeat;}
body { background:url(../images/haut.jpg) 50% 0 repeat-x;color:#4a4a4a;font:12px/1.55em Verdana, Arial, Helvetica, sans-serif}

#container {position:relative;background:url(../images/container_02.jpg) 50% 0 repeat-y;width:968px;margin:0 auto;} 
 
#tete {height:216px;background:url(../images/container_01.jpg) 0 0 no-repeat;}
	#tete dt {position:absolute;top:0px;left:390px;z-index:100}
	#tete dd#contact {position:absolute;top:0px;left:818px;width:165px;height:83px;z-index:1000} 
	#tete dd#contact a {display:block;width:165px;height:83px}
	#tete dd#chante {position:absolute;top:38px;left:50px;}
 
#menu {position:absolute;top:470px;left:12px;width:325px;height:589px;background:#42e301 url(../images/menu.jpg) 50% 0 no-repeat;}
	#menu ul {width:305px;padding-left:20px;}
	#menu a {font-size:1.2em;font-weight:bold;display:block;height:30px;width:245px;line-height:30px;text-decoration:none;
	padding: 0 10px 0 20px;color:#eee;text-align:right;}
	#menu a:hover, #menu a.actuel {background:#8c91eb url(../images/over.gif) 50% 0 no-repeat;color:#eedb84}  
	#ollo {position:absolute;top:377px;left:214px;}

#contenu {position:relative;top:20px;left:365px;background:#fff;padding:0px 40px 30px;width:516px;text-align:justify;}

#clear {height:43px;background:url(../images/container_03.jpg) 50% 100% no-repeat;clear:both;}

#pied {position:relative;top:0px;left:365px;background:transparent;padding:0 ;width:516px;text-align:center;color:#fff}
	#pied img {position:absolute;left:0}
	#pied #pied_01 {top:0;}
	#pied #pied_news {top:42px}
	#pied #pied_don {top:42px;left:288px}
	#pied #pied_contact {top:272px;}
	#pied #pied_infos {top:365px}
	#pied #pied_fin {top:365px;left:288px} 
	#pied p {position:absolute;width:300px; top:470px;left:290px;}
	#pied #adifco a {font-size:1em;color:#66f;text-decoration:none;}

/* Paragraphe, liste */
p, ul { margin-bottom:.8em; } 
#contenu ul {list-style-type:circle;padding-left:40px;}
#contenu li {padding:.2em 0}

.icone {line-height:64px;height:64px;margin:2em 0}
.icone img {float:left;padding:0 20px 10px 0;}
.icone a, .icone a:hover {letter-spacing:1px;border-bottom:1px dotted #88f;color:#88f;padding-bottom:.5em;text-decoration:none}
.icone a:hover {border-bottom:1px dotted #66f;color:#66f;}

#contenu ul.charte {}
	#contenu ul.charte li {padding-bottom:60px;}
	#contenu ul.charte li.helado {background:url(../images/charte/helado.png) 50% 100% no-repeat;}
	#contenu ul.charte li.payaso {background:url(../images/charte/payaso.png) 50% 100% no-repeat;}
	#contenu ul.charte li.nube {background:url(../images/charte/nube.png) 50% 100% no-repeat;}
	#contenu ul.charte li.paraguas {background:url(../images/charte/paraguas.png) 50% 100% no-repeat;}
	#contenu ul.charte li.pulpo {background:url(../images/charte/pulpo.png) 50% 100% no-repeat;} 					

/* Form */  
 form {margin-top:20px}
 	form p {position:relative;z-index:500;}
	form label {display:block;float:left;width:110px;padding-right:10px;text-align:right;letter-spacing:1px;} 	
	form .envoy {margin-left:220px;}
	form input, form textarea {font: normal 12px/1.2 Arial, Helvetica, sans-serif;color:#444;padding:2px 5px}
	textarea.tadresse {width:188px}
	textarea.tmessage {width:300px}
 
/*
 Accordions
------------ */
#vertical_container {width:510px;}
		
.accordion_toggle {display: block;height: 45px;width: 490px; background:#5bbb1c url(../images/toggle-off.png) 0 0 no-repeat;padding: 0 10px 0 10px;line-height: 45px;font-size:12px;color: #ffffff; outline: none;color:#fff;font-weight:bold;letter-spacing:1px; cursor: pointer;} 
.accordion_toggle span {padding:0 0 0 40px;}

.accordion_toggle_active {background: #f91111 url(../images/toggle-on.png) 0 0 no-repeat ;color: #fff;}

.accordion_content {background-color: #ffffff;color: #444444;overflow: hidden;}

.accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;}

.accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}

.accordion_content ul {line-height: 150%;padding: 5px 35px 15px 10px;}

.vertical_accordion_toggle {display: block;height: 30px;width: 400px;background: url(images/accordion_toggle.jpg) no-repeat top right #a9d06a;padding: 0 10px 0 10px;line-height: 30px;color: #ffffff;font-weight: normal;text-decoration: none;outline: none;font-size: 12px;			color: #000000;	border-bottom: 1px solid #cde99f;cursor: pointer;margin: 0 0 0 0;}

.vertical_accordion_toggle_active {background: url(images/accordion_toggle_active.jpg) no-repeat top right #e0542f;color: #ffffff;border-bottom: 1px solid #f68263;}

.vertical_accordion_content {background-color: #ffffff;color: #444444;overflow: hidden;}

.vertical_accordion_content h2 {margin: 15px 0 5px 10px;color: #0099FF;}

.vertical_accordion_content p {line-height: 150%;padding: 5px 10px 15px 10px;}

.partenaires h3 {margin:10px 50px 15px}
.partenaires p {margin:0 40px} 
 
/*
 Formation
---------- */

dl {width:300px;display:block;margin:0 auto;}
dt {font-weight:bold;color:#66f;margin:10px 0 2px 0}
dd {padding:0 0 0 50px;font-size:11px;}

 
 
/* Formations 
-------------- */
dl.formation {padding:0;margin:0 0 0 8px;display:block;}
	dl.formation dt {width:480px;clear:both;}
	dl.formation dt span, dl.formation dd span {display:block;float:left;padding:2px;height:21px}
	dl.formation dt span {border:1px solid #fff;background:#66f;font-weight:bold;color:#fff;}
	dl.formation dt span.fdates{width:160px}
	dl.formation dt span.flieu {width:130px}
	dl.formation dt span.fprix {width:80px}
	dl.formation dt span.fvide {width:85px;}
	dl.formation dd {width:480px;display:block;clear:both;padding:0;margin:0;} 
	dl.formation dd span {border:1px solid #fff;background:#9ff;font-weight:normal;color:#66f;}	
	dl.formation dd span.fdates{width:160px}
	dl.formation dd span.flieu {width:130px}
	dl.formation dd span.fprix {width:80px}
	dl.formation dd span.fvide {width:85px;} 
	dl.formation dd a {color:#66f;font-weight:bold;}

 
 
/* Animation 
-------------- */	
object {position:absolute;z-index:2000}
 
.niou { height:550px;background:url(../images/niouletteure-alibou.jpg) 100% 100% no-repeat}
.niou form {width:400px;margin:0 auto;}