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

*    { margin: 0; padding: 0; border:0;  }
body { margin: 0; background: url(../obsession/images/background.png) repeat-y center 0; }
body, th, td, input, textarea, select { font-family: Tahoma, Arial, Helvetica, sans-serif; color: #3a3a3a; line-height:normal; }
html, body { height:auto ! important; min-height:100% }

h1           { border:0; font-size:24px; font-weight:bold; margin: 20px 110px; text-decoration:none; }
h1.invisible { font-size:0px; text-indent:-9999px; }
h2           { border:0; font-size:24px; font-weight:bold; margin: 20px 110px; text-decoration:none; }
h3           { border:0; font-size:18px; font-weight:bold; margin: 0 0 10px 0; text-decoration:none; }

a:link, a:visited { text-decoration:none; color:#4a7682; }
a:hover           { text-decoration:underline; }
p a.logout        { font-size:12px; text-align:center; font-weight:bold; color:red; }

input { border:1px solid #CCC; }

.clearfloat:after{ clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearfloat      { display:inline-block; }
.clearfloat      { display:block; }
.left    			{ float:left; }
.right   			{ float:right; }
.clearBoth		{ clear:both; }
.pointer 			{ cursor:pointer; }
.txtCenter 		{ text-align:center; }
.txtRight  		{ text-align:right; }
.txtBold   		{ font-weight:bold; }
.txtItalique 	{ font-style:italic; }
.txt18,
#page div.bloc div.content p.txt18		{ font-size:18px; }
.txt24,
#page div.bloc div.content p.txt24	{ font-size:24px; }
div.invisible { display:none; }

/*FORMULIARE D'AUTHENTIFICATION*/
#login                      { width: 250px; }
#login p                    { margin: 2px 0; }
#login fieldset             { margin-bottom: 10px;  border: 0px; }
#login label                { display: block; width: 110px; float: left; }
#login input                { width: 90px; border: #CCC 1px solid; } 
#login input[type="submit"] { margin-left:110px;  border: #333 1px solid; }
#login input[type="submit"]:hover { background-color: #999; cursor: pointer; }

#page		{ position:relative; width:950px; margin:40px auto 0; font-size:0.8em; }
#page * { color:white; }

#page #blocLangue 		{ position:absolute; top:7px; left:895px; }
#page #blocLangue li 	{ list-style:none; }

#page div.bloc 								{ position:relative; width:820px; margin:0 auto 30px; background:transparent; }
#page div.bloc div.top   			{ height:20px; }
#page div.bloc div.content 		{ padding:0 40px; }
#page div.bloc div.content * 	{  }
#page div.bloc div.content p						{ padding-bottom:25px; font-size:14px; }
#page div.bloc div.content ul li				{ list-style-type:disc; padding:15px 0;}
#page div.bloc div.content ul ul			  { padding-top:10px; }
#page div.bloc div.content ul ul li			{ list-style-type:square; padding:0; }
#page div.bloc div.content p.paddingTop	{ padding-top:25px; }
#page div.bloc div.content ul	{ list-style:none; padding-left:20px; }
#page div.bloc div.content img.left { margin-right:20px; } 
#page div.bloc div.bottom 		{ height:20px; }
#page div.bloc div.bigPadding { padding-top:50px; padding-bottom:50px; }


#page div.bloc1 div.top   		{ background: #25aae1 url(../obsession/images/bloc1_top.png) no-repeat 0 0; }
#page div.bloc1 div.content 	{ background: #25aae1 url(../obsession/images/bloc1_content.png) repeat-y 0 0;  }
#page div.bloc1 div.bottom 		{ background: #25aae1 url(../obsession/images/bloc1_bottom.png) no-repeat 0 0; }

#page div.bloc2 div.top   		{ background: #25aae1 url(../obsession/images/bloc2_top.png) no-repeat 0 0; }
#page div.bloc2 div.content 	{ background: #25aae1 url(../obsession/images/bloc2_content.png) repeat-y 0 0;  }
#page div.bloc2 div.bottom 		{ background: #25aae1 url(../obsession/images/bloc2_bottom.png) no-repeat 0 0; }

#page #menu1    		{ display:block; padding:10px 0; }
#page #menu1 li 		{ display:inline; }
#page #menu1 li a 	{ margin:0 10px; font-size:16px; font-weight:bold;  }
#page #menu1 li a.actual { text-decoration:underline; }

#page #menu2    		{ display:block; padding:0 0 10px 0; margin:0 auto; width:820px; }
#page #menu2 li 		{ display:inline; float:right; }
#page #menu2 li a 	{ margin:0 20px; font-size:14px; font-weight:bold;  }
#page #menu2 li a.actual { text-decoration:underline; }

#page div.blocBandeau { position:relative; width:800px; height:252px; margin:0 auto; background:transparent; margin-bottom:70px; }

#page #logoAccueil { display:bloc; width:550px; height:250px; position:absolute; top:170px; left:0; background: transparent url(../obsession/images/logo_accueil.png) no-repeat 0 0; }

#page #footer 		{ position: absolute; bottom: 0 left:0; width:950px; margin-bottom:10px; text-align:center; }
#page #liens    	{ display:block; padding:30px 0; }
#page #liens li 	{ display:inline; }
#page #liens li a { margin:0 20px; font-size:14px; font-weight:normal;  }