html{height:100%;}

* {
    margin: 0px;
    padding: 0px;
}

body {
    background: #45413e url('../imgs/tpl/bg_body_hp.jpg') top center no-repeat;
    color: #000000;
    font-family: Verdana,Arial,Helvetica;
    font-size: 11px;
}

#global {
	position:absolute;
	left: 50%; 
	top: 63px;
	width: 986px;
	margin-left: -493px;
}

.tableGlobale {
    width: 986px;
    height: 640px;
    background:#ffffff url('../imgs/tpl/page_bg_hp.jpg') top left no-repeat;
}

.logo {
	display: block;
	background: url('../imgs/tpl/logo_cpdp_bleu.jpg') no-repeat;
	width: 345px;
	height: 174px;
	text-indent: -9999px;
	overflow: hidden;
}

#colLeft {
    width:370px;
    text-align:center;
}

#colLeft .colonne {
    width:345px;
    margin:0px 10px 0px 12px;
}

#colRight {
    
}

#colRight .colonne {
    
}

/* Actualités / Edito */

#actualite_edito {
    width:100%;
    height:355px;
    background:#ffffff url('../imgs/tpl/bg_actualite-edito.gif') top left no-repeat;
    margin:0px 0px 6px 0px;
}

#actualite_edito .contenu {
    width:300px;
    margin:0px 0px 0px 20px;
}

#actualite_edito #titre {
    margin:0px 0px 10px 0px;
}

#actualite_edito #titre .one {
    font-size:24px;
    color:#000000;
}

#actualite_edito #titre .two {
    font-size:24px;
    color:#767676;
}

/* // Actualités / Edito */

/* Newsletter */

#newsletter {
    width:100%;
    height:61px;
    background:#ffffff url('../imgs/tpl/bg_newsletter_inscription.jpg') top left no-repeat;
    margin:0px 0px 6px 0px;
    text-align:left;
}

#newsletter .contenu {
    width:300px;
    margin:0px 0px 0px 10px;
    padding:10px 0px 0px 0px;
    text-align:left;
}

#newsletter #titre {
    margin:0px 0px 7px 0px;
    color:#ffffff;
    font-size: 14px;
}

#newsletter .inputText {
    width:150px;
    margin:0px;
    padding:3px 0px 3px 0px;
    border:0;
    color:#555555;
    font-size:11px;
}

#newsletter .inputSubmit {
    float:right;
    padding:0px 0px 0px 0px;
    margin:0px 120px 0px 0px;
}

/* // Newsletter */

/* Toolbar */

#toolbar {
    height:29px;
    text-align:right;
    padding:8px 0px 0px 0px;
}

#toolbar .contenu {
    float:right;
}

#toolbar a {
    display:block;
    float:left;
    text-align:left;
    text-decoration:none;
    padding:2px 10px 2px 20px;
    font-size: 11px;
    color:#555555;
}

#toolbar a:hover {
    color:#b22727;
}

#toolbar a.contact_bt {
    background:transparent url('../imgs/tpl/picto_contact.gif') center left no-repeat;
}

#toolbar a.contact_bt:hover {
    background:transparent url('../imgs/tpl/picto_contact_hover.gif') center left no-repeat;
}

#toolbar a.mentions_bt {
    background:transparent url('../imgs/tpl/picto_mentions.gif') center left no-repeat;
}

#toolbar a.mentions_bt:hover {
    background:transparent url('../imgs/tpl/picto_mentions_hover.gif') center left no-repeat;
}

/* // Toolbar */

/* Reunion */

#reunion {
    height:138px;
    margin:0px 0px 3px 0px;
    padding:0px 3px 0px 3px;
    border-width:0px 10px 0px 10px;
    border-color:transparent;
    border-style:solid;
    text-align:left;
}

#reunion .contenu {
    
}

#reunion .titre {
    background:transparent url('../imgs/tpl/fleche1_titre.gif') center left no-repeat;
    padding:0px 0px 0px 35px;
    font-family: Arial,Verdana,Helvetica;
    color:#555555;
    font-size: 24px;
}

#reunion .flash {
    margin:20px 0px 0px 0px;
}

/* // Reunion */

/* Animation */

#animation {
    margin:0px 0px 0px 0px;
}
#animation .flash {
    margin:0px 0px 0px 0px;
}

/* // Animation */

/* Navigation */

#navigation {
    margin:0px 0px 10px 0px;
}

#navigation #col1 {
    background:#1ca4f0 url('');
    width:174px;
    text-align:left;
    border-right:1px solid #ffffff;
}

#navigation #col2 {
    background:#eeeeee url('');
    width:170px;
    text-align:left;
}

#navigation #col1 .contenu {
    padding:20px 5px 300px 5px;
    text-align:left;
}

#navigation #col2 .contenu {
    margin:20px 5px 0px 5px;
    text-align:left;
}

#navigation ul, #navigation ul li {
 padding:0px;margin:0px;
 list-style:none;
}

#navigation .a0off, #navigation .a0on {
    display:block;
    margin:0px 0px 5px 0px;
    font-family: Arial,Verdana,Helvetica;
    color:#ffffff;
    font-size: 14px;
    font-weight:bold;
    text-decoration:none;
}

#navigation .a0off:hover, #navigation .a0on, #navigation .a0on:hover {
    color:#000000;
}

#navigation .a1off {
    display:block;
    background:transparent url('../imgs/tpl/a1off.gif') right 5px no-repeat;
    padding:2px 15px 2px 0px;
    font-size: 11px;
    color:#555555;
    text-align:left;
    text-decoration:none;
}

#navigation .a1off:hover, .a1on, .a1on:hover {
    display:block;
    background:transparent url('../imgs/tpl/a1on.gif') right 5px no-repeat;
    padding:2px 15px 2px 0px;
    font-size: 11px;
    color:#000000;
    text-align:left;
    text-decoration:none;
}

#navigation .a2off {
    display:block;
    padding:1px 15px 1px 20px;
    margin:0px 0px 2px 0px;
    font-size: 10px;
    color:#1CA4F0;
    text-align:left;
    text-decoration:none;
    border-right:1px solid #1ca4f0;
}

#navigation .a2off:hover, .a2on, .a2on:hover {
    display:block;
    padding:1px 15px 1px 20px;
    margin:0px 0px 2px 0px;
    font-size: 10px;
    font-weight:bold;
    color:#1CA4F0;
    text-align:left;
    text-decoration:none;
    border-right:1px solid #000000;
}

#navigation .a3off {
    display:block;
    padding:1px 15px 1px 30px;
    margin:0px 0px 2px 0px;
    font-size: 10px;
    color:#747373;
    text-align:left;
    text-decoration:none;
}

#navigation .a3off:hover, .a3on, .a3on:hover {
    display:block;
    padding:1px 15px 1px 30px;
    margin:0px 0px 2px 0px;
    font-size: 10px;
    color:#000000;
    text-align:left;
    text-decoration:none;
}

#navigation .bt {
    display:block;
    height:17px;
    background:#55504a url('../imgs/tpl/fleche_bottom_bt.gif') top left no-repeat;
    padding:2px 26px 2px 26px;
    font-size: 11px;
    color:#ffffff;
    text-decoration:none;
    border-top:1px solid #ffffff;
}

#navigation .bt:hover {
    background:#716e6b url('../imgs/tpl/fleche_bottom_bt.gif') top left no-repeat;
}

/* // Navigation */

/* Toolbar bottom */

#toolbarBottom {
    height:21px;
    background-color:#55504a;
    margin:4px 0px 4px 0px;
}

#toolbarBottom .search_form {
    width:172px;
    float:left;
    padding:1px 0px 0px 0px;
    margin:0px 0px 0px 8px;
}

#toolbarBottom .inputText {
    width:150px;
    margin:0px;
    padding:2px 0px 3px 0px;
    border:0;
    color:#555555;
    font-size:11px;
}

#toolbarBottom .inputSubmit {
    float:right;
}

/* // Toolbar bottom */


/* Page */

#page {
    text-align:left;
}

#page #header {
    margin:25px 0px 20px 0px;
    font-size: 16px;
    color:#ffffff;
}

#page #header .header1 {padding:2px;background-color:#f47f0d;}
#page #header .header2 {padding:2px;background-color:#fed700;}
#page #header .header3 {padding:2px;background-color:#f80701;}

#page .contenu {
    margin:0px 20px 30px 0px;
}

#page div ul {
    margin:5px 0px 5px 0px;
}

#page div ul li {
    margin:3px 0px 3px 20px;
}

h1, .titre1 {
    margin:15px 0px 25px 0px;
    font-size: 16px;
    color:#1ca3f0;
}

h2, .titre2 {
    margin:15px 0px 25px 0px;
    padding:0px 0px 5px 0px;
    font-size: 12px;
    color:#1ca3f0;
    font-weight:bold;
    border-bottom:1px solid #a5a5a5;
}

h3, .titre3 {
    margin:15px 0px 25px 0px;
    padding:0px 0px 5px 0px;
    font-size: 12px;
    color:#555555;
    font-weight:bold;
    border-bottom:1px solid #a5a5a5;
}

.texte1 {
    color:#000000;
}

.texte2 {
    color:#1ca3f0;
}

.texte3 {
    color:#555555;
}

a {
    color:#1ca3f0;
}

a:hover {
    color:#555555;
}

.bordureImage {
    border:1px solid #a5a5a5;
}

/* // Page */

.link_bt {
    display:block;
    background:transparent url('../imgs/tpl/puce_bt.gif') center right no-repeat;
    padding:2px 15px 2px 0px;
    font-size: 11px;
    color:#1ca3f0;
    text-align:right;
    text-decoration:none;
}

.link_bt:hover {
    display:block;
    background:transparent url('../imgs/tpl/puce_bt_hover.gif') center right no-repeat;
    padding:2px 15px 2px 0px;
    font-size: 11px;
    color:#555555;
    text-align:right;
    text-decoration:none;
}

.calendrier_case1 {
    background-color:#1ca4f0;
    text-align:center;
    padding:8px 0px 8px 0px;
}
.calendrier_case2 {
    background-color:#2678a8;
    text-align:center;
    padding:8px 0px 8px 0px;
}
.pointer {
    cursor:pointer;
}
.calendrier_date {
    font-size:12px;
    font-weight:bold;
    color:#ffffff;
}
.calendrier_ville {
    font-size:12px;
    font-weight:bold;
    color:#000000;
}
.calendrier_lieu {
    font-size:11px;
    font-weight:bold;
    color:#ffffff;
}