/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: left;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 75.01%;
}

div {
	font-size: 1em;
}

img {
	border: 0;
}

a, a:link a:active {
	text-decoration: underline;
	background-color: inherit;
	color: #18507C;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #18507C;

}

a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #385C72;
}


body {
	margin: 0;
	padding: 0;
	color: #333;
	/*background: url(uploads/styles/background.jpg) repeat-x left top #CA2424;*/
        background:url(uploads/styles/header3.jpg) no-repeat #CA2424 center top;
}

div#pagewrapper {
	width:1000px;
	margin: 0 auto;
        /*background:url(uploads/styles/header3.jpg) no-repeat transparent center top;*/
	color: black;
}

div#header {
	width: 1000px;
        height: 141px;
	margin: 0 auto;
	padding: 0;
}

div#header h1 a {
	display: block;
	height: 120px;
        width:460px;
	text-indent: -999em;
	text-decoration: none;
        margin-left:510px;
}

div#header h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
div#header h2 {
	float: right;
	line-height: 1.2em;
	font-size: 1.5em;
	margin: 35px 65px 0px 0px;
	color: #f4f4f4;
        display:none;
}

div#language_zone {
        font-size: 13px;
        color: #00519e;
        font-weight: bold;
        text-align: center;
}

div#language_zone img {
        margin: 10px 4px 20px 4px;
}

div#language {
        position: absolute;
	width: 550px;
        height: 16px;
	margin: 0 0 0 15px;
	padding: 0;
        background: #ffffff url(uploads/styles/language-right.jpg) no-repeat top right;
        font-size: 11px;
}
div#language-left {
        float: left;
	width: 7px;
        height: 16px;
	margin: 0;
	padding: 0;
        background: url(uploads/styles/language-left.jpg) no-repeat top left;
}
div#language-middle{
        height: 16px;
	margin: 0;
	padding: 0;
}

div#language-middle a.img{
        text-decoration: none;
        margin-left: 15px;
}

div#language-middle img{
        vertical-align: middle;
}
div#language a {
        color: #ca2424;
}
div#language a:hover {
        text-decoration: none;
}

div.crbk {
/* sets all to 0 */
	margin: 0;
	padding: 0;
}

div#search {
	float: right;
	/*width:300px;*/
	text-align: right;
	padding: 0;
	margin: 0;
}

input.search-input{
	background: url(uploads/styles/bg-search2.png) no-repeat center 2px;
        border:0 solid #000000;
        padding:10px;
        margin: 0px;
}

input.search-button {
	border: none;
	height: 25px;
	width: 53px;
	margin-right: 25px;
        /*margin-bottom: 5px;*/
	padding: 0;
	cursor: pointer;
	background: url(uploads/styles/search2.png) no-repeat center top;
}

div#content {
	position: relative;
	margin: 0 auto;
	padding: 10px;
        width:980px;
        background: url(uploads/styles/outtercontent.jpg) repeat-y 8px top;
	background: url(uploads/styles/outtercontent.jpg) repeat-y 8px top !important;
        /*background: url(uploads/styles/outtercontent2.jpg) 8px center top !important!;*/
}

div#content2 {
	margin: 0 auto;
	padding: 10px;
        width:980px;
        background: url(uploads/styles/outtercontent.jpg) repeat-y 8px top;
	background: url(uploads/styles/outtercontent.jpg) repeat-y 8px top !important;
        /*background: url(uploads/styles/outtercontent2.jpg) repeat-y 8px top !important!;*/
}

div#content p, div#content2 p {
        margin-left:15px;
        color: #222222;
}

div.back1 {
	margin-left: 20px;
}

* html div.back1 {
	float: right;
	margin-left: 20;
}
div.back2 {

}
div.back3 {

}

table#blocks{
        margin-top:80px;
}

table#blocks td{
        padding: 0;
        padding-right: 10px;
        vertical-align:top;
        margin: 0px;
}

table#blocks td h3{
        color:#004FA3;
        margin:0 0 5px 0;
        height: 35px;
        padding:0;
        padding-left:10px;
        /*background:url(uploads/styles/puce_bleue.jpg) no-repeat left center;*/
        background: none;
}

table#blocks td p{
        margin-left: 10px;
}

table#blocks td a{
        color:#CA2424;
        /*text-decoration:none;*/
}

table#blocks td p{
        margin-bottom: 5px;
}

table#blocks td img{
        margin:0;
        padding:0;
}

div#main {
	padding: 10px 0px 15px 10px;
    width:700px;
    text-align:justify;
}
div#sidebar {
	float: right;
	/*display: inline;*/
	margin: 0 0 0 20px;
	padding: 0;
    /*padding-left:5px;*/
}
div#sidebarb {
	padding: 10px 15px 10px 20px;
}

div#sidebarb div#news {
/* less margin surrounding the news, sidebarb has enough */
	margin: 2em 0 1em 0em;
}
div#sidebara {
	padding: 10px 15px 15px 0px;
}
div.footback {
	clear: both;
	padding: 0;
}
div#footer {
        width:1000px;
        height:296px;
        margin:0 auto;
	padding: 0;
	background: url(uploads/styles/footer3.jpg) no-repeat center top transparent;
}
div.leftfoot {
	float: left;
}
div#footer p {
        color: #E77A58;
	font-size: 10pt;
	padding: 20px;
	text-align: right;
	margin: 0;
        padding-top:240px;
}
div#footer p a {
	color: #E77A58;
        text-decoration:none;
}

div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
}
div.right49 {
	float: right;
	width: 29%;
/* set right to keep text on right */
	text-align: right;
}
/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1, div#content2 h1  {
/* font size for h1 */
        color:#a61616;
	font-size: 2em;
	line-height: 1em;
        padding: 10px 0px;
	margin: 0;
	text-align: left;
}
div#content h2, div#content2 h2  {
	color:#004FA3;
	font-size: 12pt;
	text-align: left;
	padding-bottom: 2px;
        padding-left:15px;
	margin: 0px 0px 10px 0px;
        border-bottom: 3px solid #004FA3;
        background:url(uploads/styles/puce-h2.png) no-repeat left center;
}
div#content h3, div#content2 h3 {
        background:url(uploads/styles/fleche_li.png) no-repeat left 3px;
	color:#CA2424;
	font-size: 11pt;
        margin-top:10px;
        padding-left:15px;
        margin-top:20px;
        margin-bottom:10px;
}
div#content h4, div#content2 h4 {
	color: #294B5F;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

div#content h5, div#content2 h5 {
	color: #294B5F;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

div#content h6, div#content2 h6  {
	color:#004FA3;
	font-size: 12pt;
	text-align: left;
	padding-bottom: 10px;
	margin: 0;
}

/*h6 {
	color: #294B5F;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}*/
/* END HEADINGS */
/* TEXT */
p {
/* default p font size, this is set different in some other divs */
	font-size: 1em;
/* some air around p elements */
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	padding: 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
/*code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}*/

pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 5px 0px 5px 25px;
        background:url(uploads/styles/fleche_li.png) no-repeat left 3px;
        padding-left:15px;
        list-style:none;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */

#related_websites{
       width:200px;
       padding:0;
       margin:0;
}

#related_websites a{
       color:#CA2424;
}


#related_websites ul{
       margin:0;
       margin-left:1px;
       background:url(uploads/styles/block_bottom.jpg) no-repeat bottom left;
       padding-bottom:10px;
}

#related_websites ul li{
       border-left:1px solid #004FA3;
       border-right:1px solid #004FA3;
       /*background:url(uploads/styles/fleche_li.png) no-repeat 7px bottom;*/
       padding:10px 10px 0px 30px;
       list-style:none;
       width:150px;
}

#urgo_websites,
#paroles_experts {
       width:200px;
       padding:0;
       margin:0;
}

#urgo_websites a,
#paroles_experts a {
       color:#CA2424;
}

#urgo_websites img {
       margin: 0;
	   display: block;
}

#urgo_websites ul,
#paroles_experts ul {
       margin:0;
       margin-left:1px;
       background:url(uploads/styles/block_bottom.jpg) no-repeat bottom left;
       padding-bottom:10px;
}

#urgo_websites ul li{
       border-left:1px solid #004FA3;
       border-right:1px solid #004FA3;
       background:url(uploads/styles/fleche_li.png) no-repeat 7px bottom;
       padding:10px 10px 0px 30px;
       list-style:none;
       width:150px;
}

#paroles_experts img {
	margin: 0px;
	display: block;
}

#paroles_experts ul li {
	border-left:1px solid #004FA3;
    border-right:1px solid #004FA3;
    background:none;
    padding:10px 10px 0px 10px;
    list-style:none;
    width:170px;
	height: 80px;
}

li.francais {
       background:url(uploads/styles/drapeau-fr.png) no-repeat 7px bottom;
}

li.anglais {
       background:url(uploads/styles/drapeau-en.png) no-repeat 7px bottom;
}

li.allemand {
       background:url(uploads/styles/drapeau-de.png) no-repeat 7px bottom;
}

div#content #related_websites h2, 
div#content2 #related_websites h2{
       background:url(uploads/styles/block_title.jpg) no-repeat top center;
       border:0px solid #000000;
       font-size:10pt;
       color:#fff;
       font-weight:bold;
       padding:5px;
       padding-left:25px;
       margin-bottom:0;
       height:20px;
}

div#tiny_links a{
       color:#004FA3;
       font-weight:bold;
       text-decoration:none;
}

div#tiny_links{
       color:#004FA3;
       font-weight:bold;
       text-decoration:none;
}

div#tiny_links p{
       font-size: 10pt;
       border-top: 1px solid #222222;
       margin: 3px;
       padding-top: 4px;
}


table.table-definition {
margin:0;
padding:0;
width:100%;
}

div#content p.texte-petit, 
div#content2 p.texte-petit {
font-size:11px;
font-weight:bold;
padding:5px;
}

div#main img {
border: none;
margin:8px;
}

div#main img.puce {
border: none;
margin:0px;
}

div#content div.more, 
div#content2 div.more {
background:#d3dee8 none repeat scroll 0 0;
color:#222222;
margin:10px 20px 10px 20px;
padding:10px;
}


#content div.more h5.opened,
#content2 div.more h5.opened {
background:url(uploads/images/tri-top.gif) no-repeat scroll left 5px;
color: #00519e;
}

#content div.more h5,
#content2 div.more h5 {
background:#d3dee8 url(uploads/images/tri-bottom.gif) no-repeat scroll left 6px;
cursor:pointer;
margin:0;
padding:0 0 0 15px;
text-decoration:underline;
color: #00519e;
}

/** definition *****************************************************************/

.definition {
    cursor:                 help;
    border-bottom:          1px dotted #ca2424;
    color:                  #ca2424;
}

.tooltip {
    position:               absolute;
    display:                block;
    /*width:                  300px;*/
    /*margin-top:             15px;*/
    padding:                10px;
    border:                 1px solid #00519E;
    background:             #D3DEE8;
    color:                  #000;
    width:                  300px!important;
}

#content .tooltip strong {
    color:                  #284f9a; 
}

#content .tooltip img {
    float:                 center;
    display:               block;
    margin:                5px auto;
    padding:               5px;
    width:                 350px;
}
#img .tooltip  {
    float:                 center;
    display:               block;
    margin:                0px;
    padding:               5px;
    
}

#content object,
#content2 object {
background:#FFFFFF none repeat scroll 0 0;
border:0 none;
/*float:right;*/
/*margin:8px 20px 10px 15px;*/
margin: 10px auto;
}

.table-titre {
background-color:#E2001A;
border:1px solid #E2001A;
color: #FFFFFF;
font-size:11px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}

.table-ligne2-centre {
background-color:#FFFFFF;
border:1px solid #B91410;
font-size:11px;
text-align:left;
}

.table-ligne3-centre {
background-color:#FFFFFF;
border:1px solid #B91410;
font-size:11px;
text-align:center;
}

.table-entete-droit {
background-color:#F0807E;
border:1px solid #F0807E;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:5px;
text-align:left;
}

#content table td,
#content2 table td {
padding:5px;
/*vertical-align:top;*/
}

form.country {
	padding: 60px 0 0 0;
	width: 192px;
	height: 50px;
	background: url(uploads/images/contenu/planisphere.jpg) no-repeat 20px 5px;
}

form.country select {
	width: 192px;
}

form.country option.intitule {
	font-style: bold;
}

/* End of 'Layout: Top menu + 2 columns' */