/*****STYLE TEMPLATE**********/
html {
    overflow-y:scroll;
}

#main {width:990px; margin:0 auto; text-align:left;}

#header {height:160px;}

/***************content***************/
.boxs {width:298px;}
.boxs select {width:217px;}
.boxs p {width:232px;}

/***************page-1***************/
#page-1 .row-2 .col-1 {width:210px;}
#page-1 .row-2 .col-2 {width:210px;}
#page-1 .row-2 .col-3 {width:210px;}

/***************page-2***************/
#page-2 .col-1 {width:340px;}
#page-2 .col-2 {width:340px;}

/***************page-3***************/
#page-3 .col-1 {width:340px;}
#page-3 .col-2 {width:340px;}

/***************page-4***************/
#page-4 .row-2 .col-1 {width:215px;}
#page-4 .row-2 .col-2 {width:215px;}
#page-4 .row-2 .col-3 {width:215px;}

/***************page-5***************/
#page-5 .col-1 {width:340px;}
#page-5 .col-2 {width:340px;}

/***************page-6***************/
#page-6 .row-3 .col-1{width:240px;}
#page-6 .row-3 .col-2 {width:415px;}
#contact-form .float-l {width:180px;}
#contact-form .float-r {width:230px;}



/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background:url(/../../images/template/body-tail.gif) top center repeat;}

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.85em; line-height:1.417em;	color:#4E4949;}
input, select {vertical-align:middle; font-weight:normal;}

/*ul {list-style:none;}
li a {text-decoration:none; padding-left:15px; font-size:1.083em; line-height:1.385em;}
li a:hover {text-decoration:underline;}*/
a {text-decoration:underline; color:#4E4949;}
a:hover {text-decoration:none;}

.float-l {float:left;

}
.float-r {float:right;}
.clear {clear:both;}
#content {
    background-color:white;
    padding-bottom:10px;
}
#content .col-1,
#content .col-2,
#content .col-3 {float:left;}
/***************header***************/
#header {background:url(/../../images/eodec/header.png) top left no-repeat;}

.nav-tail {margin:0 10px;}
#header .float-r {padding:11px 33px 0 0;}
#navigation .float-l img {margin-right:1px;}
/***************content***************/
#body-tail {background:url(/../../images/template/body-main-tail.gif) top center repeat-x;}
.main-left {background:url(/../../images/template/main-left-tail.gif) top left repeat-y;}
.main-right {background:url(/../../images/template/main-right-tail.gif) top right repeat-y; padding:0 2px;}

.row-1 {background:#ffffff; padding-top:0px; width:100%;
    /*width:700px;*/
    float:left;
    margin:0px;
        margin-bottom:10px;
}
.row-2 {
    float:left;
    width:280px;
    padding:0px;
}
.row-3 {background:#FFFFFF; padding:0px ; margin:0px; margin-top:20px;}
.rounded-color{
    background-color: #F2F2F2;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #ccc;
    margin-bottom:10px;

}
.rounded-color-eodec{
    background-color: #F2F2F2;
    padding:10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border:1px solid #ccc;
    margin-bottom:10px;
	margin-left:15px;
	margin-right:15px;
}
.rounded-color-eodec .texte{
float:left;
font-weight:bold;
font-size:16px;
margin-top:30px;
margin-left:50px;
}

.rounded-color h3 span {
    color:#6289B5;
}

.rounded-color h3 span.author {
    color:inherit;
    font-weight:normal;
    font-style:italic;
}

.wrapper {
   float:left;
    width:450px;
    overflow:hidden;
    height:110px;
    background-color: #eee;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-right:10px;
}
.img-indent {float:left; margin-right:20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.boxs {color:#48453F; line-height:1.5em; margin-left:-38px; padding-bottom:19px;}
.boxs .title {margin-bottom:3px;}
.boxs select {margin:15px 0 13px 0;}
.boxs a {color:#48453F;}
.boxs .box-bot {padding:21px 10px 26px 56px;}
.box1 {background:url(/../../images/template/box1-tail.gif) top right repeat-y; margin-bottom:11px;}
.box1 .box-top {background:url(/../../images/template/box1-top.gif) top right no-repeat; width:100%;}
.box1 .box-bot {background:url(/../../images/template/box1-bot.gif) bottom right no-repeat;}
.box2 {background:url(/../../images/template/box2-tail.gif) top right repeat-y;}
.box2 .box-top {background:url(/../../images/template/box2-top.gif) top right no-repeat; width:100%;}
.box2 .box-bot {background:url(/../../images/template/box2-bot.gif) bottom right no-repeat;}

.col-2, .col-3 {border-left:1px solid #DFDFDF;}

/*.row-2 li a {background:url(/../../images/template/list-marker2.gif) left 5px no-repeat; color:#269BD8;}
.row-3 li a {background:url(/../../images/template/list-marker1.gif) left 5px no-repeat; color:#AF1211;}*/
/*.row-3 ul li {border-bottom:1px solid #E8E8E8; padding:7px 0 4px 0;}
.row-3 ul .extra {border:none}*/

.row-2 .title {padding-bottom:5px;}
.row-3 .title {padding-bottom:12px;}

p span {color:#269BD8;}
.row-2 p {padding-bottom:13px;}
/***************page-1***************/

#page-1 .col {
    float:left;
    height:90px;
    width:280px;
    text-align:left;
    padding:10px;
    padding-top:80px;
    background-repeat:no-repeat;
    background-position: top center;
    background-color: #F2F2F2;
    border:1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-left:15px;
    font-size:16px;
}

#page-1 .col.no-logo {
    padding-top:10px;
    text-align:center;
    height:190px;
}

#page-1  .togo {
    background-image:url('/images/eodec/logo-togo.png');
}

#page-1 .programme {
    background-image:url('/images/eodec/logo-programme.png');

}

#page-1 .eodec {
    background-image:url('/images/eodec/logo-eodec.png');

}

#page-1  .eadb {
    background-image:url('/images/eodec/logo-eadb.png');

}

#page-1  .col p{
    text-align: center;
    padding-left: 10px;
    font-size: 16px;
    font-weight: bold;
    height:50px;
}
#page-1 .button {
    display:block;
    background-image:url('/images/template/button1.gif');
    width:89px;
    height:26px;
    padding-top:9px;
    text-align:center;
}

#page-1 .button.left {
    float:left;
}

#page-1 .button.right {
    float:right;
}

#page-1 .button.center {
    float:left;
    margin-left:320px;
}

#page-1 .col .button {
    margin:auto;
    margin-left: 100px;
    margin-top:10px;
}

#page-1 .col.programme .button {
    font-size:13px;
}


#page-1 .col a.button, #page-1  .col  a.button:hover{
    color:#369;
    font-weight: bold;
    text-decoration:none;
}


#footer {background:url(/../../images/template/footer-tail.gif) top left repeat-x; color:#666666;
            font-size:0.75em; text-transform:uppercase; height:20px; padding:10px 0 5px 35px;}
#footer a {
    color:#666666;

}
.signature{
   float:right;
}
.arrondi{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.row-full-width{
 background:#ffffff; padding-top:28px; width:100%;
 margin: 0px;
}


.spacer {
    clear:both;
}



  /*****************************/
 /*******MAIN LAYOUT***********/
/*****************************/

.row-content {
    width:98%;
    margin:auto;
}


.row-content .drapeaux {
    margin-left:20px;
    margin-bottom:30px;
}


/*-----Listes------*/
.row-content ul,ol {
    margin-top:10px;
    margin-left:30px;
    margin-bottom:5px;
}

.row-content ul,ol {
    margin-top:10px;
    margin-left:30px;
    margin-bottom:5px;
}

.row-content ul.no-style {
    list-style: none;
    padding:0;
    margin:0;
}

.row-content ul.zebra li {
    border-bottom:1px dashed #CCC;
}

.row-content ul.zebra li:Last-Child {
    border:0px;
}
.row-content ul.zebra li div {
    width:180px;
}

.row-content ol ol {
    list-style-type: lower-roman;
}

.row-content .rounded-color form li {
    display:block;
    height:25px;
}


.row-content .rounded-color form li div,.row-content ul.zebra li div {
    color:#6289b5;
    font-weight:bold;
    width:140px;
    float:left;
}

.row-content  ul.large li div {
    width:200px;
}

.row-content  li p {
    margin-left:200px;
}

/*----Paragraphes-----*/
.row-content p {
    margin-top:5px;
    margin-bottom:5px;
}

/*----Liens-----*/
.row-content a, .row-content a:hover, .row-content a:visited  {
    text-decoration: none;
    color:#6289b5;
}

.row-content a.arrow-link {
    display:block;
    background-image:url(/images/green-arrow.png);
    background-repeat:no-repeat;
    background-position:left;
    height:21px;
    padding-left:32px;
    padding-top:3px;
}

.row-content a.arrow-link.left {
    margin-left:10px;
    float:left;
}



/*----Titres-----*/
.row-content h1 {
    font-size:20px;
    margin-bottom:15px;
    border-bottom:1px solid #CCC;
}

.row-content h2 {
    font-size:17px;
    color:#6289B5;
    margin-bottom:8px;

}

span.date{
    font-size:16px;
    color:#369;
}
#programme{
    background-color: #F2F2F2;
    border:1px solid #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   padding:10px;
}
#programme p{
    margin-left:20px;
}
#programme ul{
    border:1px solid #ccc;
    background-color: #fff;
    padding:5px;
    width:700px;
}
#partenaire div.un_partenaire{
text-align: center;
background-color: #F2F2F2;
padding:10px;
padding-right:20px;
padding-left:20px;
margin:10px;
 -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#partenaire .un_partenaire .cadre{
 margin:0px;
 border: 1px solid #ccc;
 padding:4px;
 background-color: #fff;
}

.arrondi-color{
    margin-left:20px;
    font-weight: bold;
    float:left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #eee;
    padding: 10px;
}

/*****Formulaires******/

form input.bouton-formulaire {
    padding:5px 10px 5px 10px;
    font-weight:bold;
    font-size:14px;
    display:block;
    
}

.col.no-logo form input.bouton-formulaire {
    margin:auto;
}