/***********************************************************************************************************

* Filename :                                   base.css
* Description :                                css globale
* Version :                                      Februar 2010
* Author :                                       Gaya

***********************************************************************************************************/


/**********************************************************************************************************	
reset css
http://developer.yahoo.com/yui/reset/
***********************************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/**********************************************************************************************************	
Font defini
http://www.blog-and-blues.org/weblog/2004/05/24/214-font-size-em
Et le tour est joué. Lorsque vous dimensionnez votre texte en ems, il n'y a vraiment qu'une seule règle à retenir : fixer la taille du texte relativement à celle de son parent, en utilisant cette simple formule :
taille de l'enfant en em = taille voulue de l'enfant en pixels  / taille du parent en pixels
***********************************************************************************************************/
body 			{font-size:62.5%} /*10px=1em -> 1em - 10px, 0.8em - 8px, 1.6em - 16px*/
.screen			{font-size:1.1em; line-height:1.2em;}/*11px=1em*/
.header			{font-size:1em; line-height:1.5em;}
.main			{font-size:1.1em; line-height:1.5em;}
.footer			{font-size:1em; line-height:1.5em;}

.main form legend		{font-size:1em;}
.main form  input,
.main form  select		{font-size:1em;}
.main form .asterisque_text	{font-size:0.9166em;}
.main form .form_legal		{font-size:0.8333em;}

.main form .submit .input_submit	{font-size:1em;}

li li, li p, td p, blockquote p 	{font-size:1em}

/**********************************************************************************************************	
Global defini	
***********************************************************************************************************/
/* clearfix : http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after 	{content: "."; display: block;height: 0; clear: both;visibility: hidden;}
.clearfix 		{display: inline-table; }
.clear		{clear:both; font:0px/0px arial; height:0; }

body		{position:relative; color:#414141; font-family:arial;}
.screen a:focus img	{outline:#000 dotted 1px;}

h1		{margin:0; padding:0; font-size:1em; line-height:1em;}
h2		{margin:0 0 15px 0; padding:3px 0 0 0; font-size:1em;}
h3		{margin:0 0 8px 0; padding:15px 0 0 0; font-size:1em;}
h4		{margin:0 0 7px 0; padding:9px 0 0 0; font-size:1em;}

button:focus::-moz-focus-inner 		{ border-color: transparent !important; } /* FF */
button::-moz-focus-inner		{ padding: 0; border: none; } /* FF */

.content p		{margin:0; padding:0 0 10px 0;}
.content ul		{padding:5px 0 10px 0;}
.content ol		{padding:5px 0 10px 0; list-style-type:decimal;}
.content ul li	{padding:0 0 5px; background:url(img/puce.gif) 0 7px no-repeat;text-indent:10px;}
.content ol li	{margin:0 0 5px 15px;}
.content ul ul,
.content ol ol,
.content ul ol,
.content ol ul		{margin:0 0 0 10px; padding:10px 0 0px 0;}

.content ul li ol li	{padding:0 0 5px 0; background:none; text-indent:0;}
.content ol li ul 	{margin:0;}
.content ul li ul li	{}

.context h2		{margin:0; padding:0 0 5px 0; font-size:1em;}
.context h3		{margin:0 0 3px 0; padding:8px 0 0px 0;}
.context p		{margin:0; padding:0 0 10px 0; padding:0 0 15px 0;}
.context ul		{padding:5px 0 10px 0;}
.context ol		{padding:5px 0 10px 0; list-style-type:decimal;}
.content .context ul li		{margin:0; padding:0 0 5px 10px; text-indent:0;}
.context ol li		{margin:0 0 5px 15px;}
.context ul ul,
.context ol ol,
.context ul ol,
.context ol ul		{margin:0 0 0 10px; padding:10px 0 0px 0;}

.context ul li ol li	{padding:0 0 5px 0; background:none; text-indent:0;}
.context ol li ul 	{margin:0;}
.context ul li ul li	{}

a		{text-decoration:none; color:#4fa3d3;}

a:focus,
a:active,
a:hover,
a:focus,
a:active		{color:#4fa3d3; text-decoration:underline;}

.content a		{text-decoration:underline;}

.content a:focus,
.content a:active,
.content a:hover,
.content a:focus,
.content a:active	{text-decoration:none;}

.input_submit	{cursor:pointer;}

.skip_link.on	{padding:5px 0;}
.skip_link ul li	{display:inline; padding:0 5px 0 0; background:none;}

.padder		{padding:0 20px;}

.red      		{background:red;}
.blue     		{background:blue;}
.yellow     		{background:yellow;}

/*button
.screen .button            	{float:left; margin:0 0 20px; padding:0; background:#000 url(img/button.gif) no-repeat 0 0;}
.button.right           	{float:right}
.button a               	{*height:1%; float:left; background:url(img/button.gif) no-repeat 100% 0; text-decoration:none;}
.button a span          	{float:left; background:url(img/button.gif) no-repeat 100% 100%;}
.button a span span	{*height:1%; float:left; padding:4px 10px; background:url(img/button.gif) no-repeat 0 100%; color:#fff; font-size:12px; line-height:15px;}
.button a:hover span span,
.button a:focus span span  {color:#fff;}

/*button*/
.screen .button         	   	{*height:1%; float:left; margin:0 0 20px; padding:0;}
.button.right         	  	{float:right}
.button a              	 	{float:left; background:#000 url(img/button.gif) no-repeat 0 0; text-decoration:none;}
.button a span               	{float:left; background:url(img/button.gif) no-repeat 100% 0; text-decoration:none;}
.button a span span          	{background-position:0 100%;}
.button a span span span	{padding:4px 10px; background-position:100% 100%; color:#fff; font-size:12px; line-height:15px; cursor:pointer;}
.button a:hover span span span,
.button a:focus span span span  	{color:#fff;}


/**********************************************************************************************************	
Form defini	ton
***********************************************************************************************************/
form fieldset	{border:none;}
form legend	{color:#051c3b; font:bold 14px/16px arial;}
form legend span	{display:block; padding:0 0 14px 0;}

form label		{float:left; padding:2px 10px 5px 0; width:135px; text-align:right; color:#626564;}
form .input		{clear:both; margin:0 0px 0 0; padding:5px 0;}
form .input input	{padding-left:5px;width:242px; background:#fff; border:1px solid #9aa5a4;}
form select		{width:249px; background:#fff; border:1px solid #9aa5a4;}
form textarea	{width:248px; height:60px; background:#fff; border:1px solid #9aa5a4;}
form .submit  	{float: none; padding:0;}
form .input_submit	{cursor:pointer;}

/*booutons radio : 1 par ligne*/
form .radio 	{float:none; padding: 0 0 10px 0; width:auto;}
form .radio input 	{float:none; padding: 0; width:auto;}
form .radio label 	{float:none; padding: 0; width:auto; color:#0093d6; font-weight:bold;}

/*booutons radio : plusieurs par ligne*/
form .block_radio 	{}
form .block_radio.half	{float:left; width:49%;}
form .block_radio .radio{clear:left;}
form .block_radio input	{float:left;}
form .block_radio label	{float:left; padding-left:5px; width:auto;}

/*asterix*/
form .asterisque_text	{color:#626564; font-size:11px;line-height:13px;}
form .asterisque	{color:#626564;}

/*mentions legales*/
form .form_legal	{padding:30px 0 15px 0; color:#888a89; font-size:10px; line-height:12px;}

/*message erreur*/
.content .block_error	{margin:0 30px 20px; border-bottom:1px solid red;}
.content .block_error p	{padding:0; color:#ee1c24; margin:0 0 5px;}
form .error label	{color:red;}
form .error .input_text,
form .error textarea	{border-color:red;}