/* Start of CMSMS style sheet 'calaos_accueil' */
body
{
        margin: 0;
        padding: 0;
        text-align: left;
        font-family: arial, tahoma, sans-serif;
        font-size: 1em;
        color: #000;
/*        background: #000 url("uploads/calaos_theme/bodybg.gif") top center repeat-x;*/
        background: #1d2022 url("uploads/calaos_theme/bg2.png") top center repeat-x;
}

*
{
        margin: 0 auto 0 auto;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


#top
{
       zoom: 1;
      position: relative;
}

#splash
{
/*       background: green;*/
       position: absolute;
       width: 427px;
       height: 453px;
/*       margin-left: 70px;*/
right:0;
right:0;
}

#top .header
{
        display: block;
        height: auto;
        position: relative;
        overflow: hidden;
/*        width: 1024px;*/
        padding-left: 10px;
/*        padding-right: 40px;*/
}

#top .header .headerlinks, #top .header .headerlinks_select
{
        text-align: center;
        position: relative;
/*         margin-top: 77px; */
        margin-top: 235px;
        padding-top: 7px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
        font-weight: bold;
        width: auto;
        height: 35px;
        line-height: 35px;
        float:left;
        color: #c9c9c9;
        /*font-family: arial, tahoma, sans-serif;*/
}

#top .header .headerlinks_select a
{
        text-decoration: none;
        color: #297e97;
}

#top .header .headerlinks a
{
        text-decoration: none;
        color: #c9c9c9;
/*        margin: 0;*/
}

#top .header .headerlinks a:hover, #top .header .headerlinks_select a:hover
{
        color: #3ab4d7;
        height: 35px;
        line-height: 35px;
}

#top
{
/*         margin: 10px auto; */
        padding: 0;
        width: 1024px;
        height: 347px;
        background: #fff url("uploads/calaos_theme/bg_top_home.png");
        text-align: center;
}

#top #topbox
{
        position: relative;
        width: 650px;
        top: 10px;
}

#top #topbox h1
{
        position: relative;
        top: 5px;
        left: 22px;
        margin: 0;
        padding: 0;
        font-size: 40px;
        color: #fff;
        font-family: georgia, arial, tahoma, sans-serif;
}

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

#top #topbox h1 a:hover
{
}

#top #topbox h2
{
        position: relative;
        top: 0;
        left: 50px;
        margin: 5px 0 0 0;
        padding: 0;
        font-size: 20px;
        color: #fff;
        font-family: arial, tahoma, sans-serif;
}

#contentwrap
{
        width: 1024px;
        height: auto;
        background: white;
/*         margin: 0 auto; */
        padding: 0 0 0 0;
        background: #fff url("uploads/calaos_theme/bgcontent_home.png") repeat;
}

#contentwrap #content
{
        padding: 15px 15px 15px 15px;
        height: auto;
        min-height: 400px;

/*        background: url('uploads/calaos_theme/bg_page.png');*/
        background-repeat: no-repeat;
        background-position: bottom right;
}

#contentwrap #content .header
{
        display: block;
        height: auto;
        position: relative;
        overflow: hidden;
        background: #f4f4f4;
        width:100%;
}

#contentwrap #content .header .headerlinks, #contentwrap #content .header .headerlinks_select
{
        text-align: center;
        position: relative;
        padding-left: 10px;
        padding-right: 10px;
        border-right: 1px solid #c9c9c9;
        font-size: 14px;
        font-weight: bold;
        width: auto;
        height: 25px;
        line-height: 25px;
        float:left;
        color: #454545;
}

#contentwrap #content .header .headerlinks_select a
{
        text-decoration: none;
        color: #297e97;
}

#contentwrap #content .header .headerlinks a
{
        text-decoration: none;
        color: #454545;
/*        margin: 0;*/
}

#contentwrap #content .header .headerlinks a:hover, #contentwrap #content .header .headerlinks_select a:hover
{
        color: #3ab4d7;
        height: 35px;
        line-height: 25px;
}


#contentwrap #content a
{
        color: #297e97;
        text-decoration: underline;
}

#contentwrap #content a:hover
{
        text-decoration: none;
}

#contentwrap #content h1
{
        margin: 0;
        padding: 20px 20px 10px 30px;
        font-size: 34px;
        font-family: arial, tahoma, sans-serif;
        color: #5bb8e3;
}

#contentwrap #content h2, #contentwrap #content h3
{
        margin: 0;
        padding: 20px 20px 10px 30px;
        font-size: 25px;
        font-family: arial, tahoma, sans-serif;
        color: #297e97;
}

#contentwrap #content blockquote 
{
	margin: 1em 3.5em;
	text-align: left;
	text-indent: 25px;
}

#contentwrap #content blockquote p 
{
	line-height: 1.8;
	margin: 0;
	display: inline;
	padding-right: 24px;
	color: #297e97;
	font-style: italic;
        font-size: 18px;
}


#contentwrap #content p
{
        margin: 15px;
        padding: 0;
        font-size: 1em;
        font-family: arial, tahoma, sans-serif;
        color: #c9c9c9;
}

#contentwrap #content p:first-letter
{
        font-size: 1.2em;
	font-weight: bold;
        color: #297e97;
}

#contentwrap #content img
{
        padding: 5px;
}

#contentwrap #content ul
{
        margin: 10px 5px 10px 20px;
        padding: 0;
}

#contentwrap #content ul li
{
        display: block;
        list-style-type: none;
        margin: 3px 0;
        padding: 0;
}

#contentwrap #content ul li a
{
        margin: 0;
        padding: 0;
        color: #000;
        text-decoration: underline;
}

#contentwrap #content ul li a:hover
{
        text-decoration: none;
}

#contentwrap #content .floatleft
{
        float: left;
        margin: 5px 15px 5px 0px;
        padding: 0;
}

#contentwrap #content .floatright
{
        float: right;
        margin: 5px 0px 5px 15px;
        padding: 0;
}

#contentwrap #content table
{
        border-collapse: collapse;
        margin: 10px 15px;
}

#contentwrap #content th
{
        background: #000;
        height: 29px;
        padding-left: 11px;
        padding-right: 11px;
        color: #fff;
        text-align: left;
        border-left: 1px solid #b6d59a;
        border-bottom: solid 2px #fff;
}

#contentwrap #content tr
{
        height: 30px;
}

#contentwrap #content td
{
        padding-left: 11px;
        padding-right: 11px;
        border-left: 1px solid #fff;
        border-bottom: solid 1px #fff;
}

#contentwrap #content tr.rowa
{
        background: #f8f8f8;
}

#contentwrap #content tr.rowb
{
        background: #efefef;
}

#contentwrap #content form
{
        margin: 10px 15px;
        padding: 0;
        border: 1px solid #d4d4d4;
        background-color: #fafafa;
}

#contentwrap #content label
{
        display: block;
        font-weight: bold;
        margin: 5px 0;
}

#contentwrap #content input
{
        padding: 2px;
        border: 1px solid #d4d4d4;
        font: normal 1em "trebuchet ms", tahoma, sans-serif;
        color: #777;
}

#contentwrap #content textarea
{
        width: 400px;
        padding: 2px;
        font: normal 1em "trebuchet ms", tahoma, sans-serif;
        border: 1px solid #d4d4d4;
        height: 100px;
        display: block;
        color: #000;
        background-color: #efefef;
}

#contentwrap #content input.button
{
        margin: 0;
        font: bold 1em arial, sans-serif;
        background: #fff;
        padding: 2px 3px;
        color: #333;
        border: 1px solid #d4d4d4;
}

#contentwrap #content .searchform
{
        background-color: transparent;
        border: none;
        margin: 0;
        padding: 0;
}

#contentwrap #content .searchform p
{
        margin: 10px;
        padding: 0;
}

#contentwrap #content .searchform input.textbox
{
        width: 130px;
        color: #000;
        height: 20px;
        padding: 2px;
        vertical-align: top;
}

#contentwrap #content .searchform input.button
{
        font: bold 12px arial, sans-serif;
        color: #000;
        width: 60px;
        height: 26px;
        border: 1px solid #d4d4d4;
        padding: 3px 5px;
        vertical-align: top;
}

#footer
{
        width: 1024px;
        color: #fff;
        background: #161616;
        margin: 0 auto;
        padding: 13px 0;
/*         height: 45px; */
/*         font-size: 88%; */
}

#footer ul
{
/*         height: 45px; */
/*         background: green; */
        color: #545454;
/*         margin: 13px; */
        /*display: block;*/

        list-style: none;
        text-align: center;
/*         margin: 0; */
        padding: 0;
}

#footer ul li
{
        display: inline;
        margin: 0 40px;
/*         margin-top: 13px; */
/*         background: red; */
/*         top: 13px; */
}

#footer img
{
        vertical-align: middle;
        border: none;
        padding-right: 6px;
}

#footer a
{
        text-decoration: none;
        color: #545454;
}

#footer a:hover
{
        text-decoration: none;
        color: #3ab4d7;
}

#footer .special
{
        border-bottom: 1px dashed #545454;
}

.clear
{
        clear: both;
}

#news
{
border-top: 1px solid #222;
font-size: 1em;
font-family: arial,tahoma,sans-serif;
color: #c9c9c9;
width: 600px;
margin: 40px;
}

#news a
{
text-decoration: none;
}

#news a:hover
{
text-decoration: underline;
}

#news small
{
text-size: 9px;
color: #4e4e4e;
margin: 4px;
}

#news .NewsSummaryLink
{
margin-bottom: 15px;
}

#news .NewsSummaryMorelink
{
padding-left: 30px;
}

#news .NewsItem
{
border-left: 2px dotted #333;
padding-left: 5px;
margin-bottom: 25px;
}




/* End of 'calaos_accueil' */