* {
padding:0;
margin:0;
}
#wrapper
{             
position: relative;                                                            
width: 980px; 	
margin: 0 auto;	
background-color:#191919;											  											
}
#header
{
position: relative;
width: 980px;
height: 356px;
background-image:url('http://www.ctmegov.com/assets/images/template/header-bg.jpg');
background-repeat:no-repeat;
}
#content {
position: absolute;
width: 300px;
top:357px;
left:0;
}
#bloc_menu { 
position: relative;
width: 270px;
margin:10px 0 0 10px;
}
#calendrier { 
position: relative;
width: 270px;
height: 300px;
margin:60px 0 0 10px;
text-align:center;
}

/*Contenu des pages en général*/
#contenu {
position: relative;
width: 650px;
margin-left: 300px;
min-height:860px;
padding-bottom:40px;
padding-top:30px;
background: url('http://www.ctmegov.com/assets/images/boutons/bg_rep_centre.gif') top left repeat-y;
}

/*Contenu des pages gestion des candidatures et gestion des offres d'emploi*/
#contenu_emploi {
position: relative;
width: 880px;
margin-left: 50px;
min-height:500px;
}
#footer {
position: relative;
width: 980px;
height: 48px;
background: url('http://www.ctmegov.com/assets/images/boutons/bas.gif') bottom left repeat-x;
}
/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°HEADER°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/ 													
#top_icons {
position: relative;
width: 252px;
height: 65px;
margin-left: 25px;
}
#top_icons span 
{
display: block;
margin-top:-25px;
padding-left:4px;  
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 10px;       
}
#top_icons a span  {
color:#0065ab;
text-decoration:none;
}
#top_icons a:hover span {
text-decoration:underline;
}
#top_icons img {
border:0;
}
#actualites {
position: absolute;
width:80px;
height:65px;
left: 5px;
top: 0;
}
#actualites img {
margin-left:10px;
}
#plandusite {
position: absolute;
width:80px;
height:65px;
left: 80px;
top: 0;
}
#plandusite img {
margin-left: 15px;
}
#contact {
position: absolute;
width:80px;
height:65px;
left: 170px;
top: 0;
}
#contact img {
margin-left: 5px;
}
#emploi_admin {
position: absolute;
width:80px;
height:70px;
left: 435px;
top: 0;
}
#emploi_admin img {
padding-left:10px;
margin-left: 10px;
}
#logo {
position: absolute;
left: 200px;
top: 66px;
}
#logo a img {
border: 0;
}
#recherche {
position: absolute;
width: 350px;
left: 665px;
top: 10px;
}
.boutonrecherche{
border:0;
margin-top:5px;
}
/*Partie de l'entete de page ou sont chargées les offres d'emploi sous forme de lien*/
#emploi{
position:absolute;
left:560px;
top:130px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:10px;
}
#emploi ul{
color:#FFCC66;
font-weight:bold;
list-style-type:square;
}
#emploi a{
color:#FFCC66;
text-decoration:none;
}
#emploi span{
color:#FFFFFF;
}
#emploi0{
position:absolute;
top:25px;
left:30px;
width:200px;
}
#emploi1{
position:absolute;
top:80px;
left:55px;
width:200px;
}
#emploi2{
position:absolute;
top:130px;
left:100px;
width:115px;
}

#nous_rejoindre {
position: relative;
top:30px;
height: 39px;
margin-left: 600px;
background:url('http://www.ctmegov.com/assets/images/boutons/bg_h2.gif') top left no-repeat;
}
#nous_rejoindre h3 {
color: #FFFFFF;
padding-left: 50px;
padding-top: 10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#nos_references {
position: relative;
top:35px;
height: 34px;
width:140px;
margin-left: 810px;
}
#nos_references a img {
border: 0;
}

/* °°°°°°°°°°°°°°°°°°°°°°°°° MENU °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
#bouton_accueil {
position:relative;
width: 258px;
height: 29px;
padding-top: 2px;
padding-left: 6px;
background-image:url('http://www.ctmegov.com/assets/images/boutons/bg_accueil.gif');
background-repeat:no-repeat;
}
#bouton_accueil a {
display:block;
color:#444444;
font-size: 18px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menu {
position: relative;
width: 270px;
top: 0;
left: 0;
}
#menu ul {
list-style-type:none;   
}
#menu ul li {
width: 260px;
margin-top: 10px;
background-image:url('http://www.ctmegov.com/assets/images/boutons/menu_G_a.gif');
background-position:top left;
background-repeat: no-repeat;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFFFFF;
}



#menu ul li a {
display:block;
padding-left: 35px;
padding-top: 15px;
padding-bottom: 15px;
text-decoration:none;
color: #FFFFFF;
}
#menu ul li a:hover {
background-image:url('http://www.ctmegov.com/assets/images/boutons/menu_G_hover.gif');
background-repeat: no-repeat;
}
/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° SOUS MENU °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
#menu ul li ul {
display: none;
list-style-type:none;
margin-top: 10px;
}
#menu ul li.active ul {
display: block;
}
#menu ul li ul li{
width: 230px;
margin-top: 2px;
margin-left: 20px;
background-image:none;
}
#menu ul li ul li a {
padding-left: 47px;
background-image:url('http://www.ctmegov.com/assets/images/boutons/puce_li.gif');
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 5px;
font-size: 12px;
color: #FFFFFF;
}
#menu ul li ul li a:hover {
background-image:url('http://www.ctmegov.com/assets/images/boutons/puce_li.gif');
text-decoration:underline;
}
/* °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° CONTENU °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° */

		/*°°°°°°°°°°°°°°°°°GENERAL°°°°°°°°°°°°°°°°°°*/

#contenu_logo {
position: relative;
margin:-30px 0 30px 0;
height: 38px;
margin-left: 45px;
background:url('http://www.ctmegov.com/assets/images/boutons/bg_h3.gif') top left no-repeat;
}
#contenu_logo h2 {
color: #FFFFFF;
padding-left: 50px;
padding-top: 5px;
font-family: "Trebuchet MS";
}
#contenu_texte {
width:600px;
margin-left: 30px;
margin-top: 20px;
margin-bottom: 40px;
padding: 20px 14px 20px 14px;
font-size:13px;
font-family:"Trebuchet MS";
border: 1px solid #D3D3D3;
background-color:#333333;
}
#contenu_texte ul{
margin-left:25px;
}
#contenu p {
color: #FFFFFF;
text-align: justify;
margin:15px;
font-family: "Trebuchet MS";
}
#contenu ul {
list-style-type:circle;
padding: 10px;
} 
#contenu a {
font-family: "Trebuchet MS";
color: #FFFFFF;
}
#contenu li {
font-family: "Trebuchet MS";
color: #FFFFFF;
}
#contenu em {
font-family: "Trebuchet MS";
color: #FFFFFF;
}
#contenu h1, p {
color: #FFFFFF;
}
#contenu_contact {
position: absolute;
width: 150px;
height: 30px;
bottom: 5px;
left: 500px;
border: 1px solid #D3D3D3;
background-color:#333333;
}
#contenu_contact a {
font-size: 13px;
color: #4db0f3;
font-family: "Trebuchet MS";
}
#contenu_contact img {
padding-left: 15px;
padding-top: 7px;
}
                /*°°°°°°°°°°°°°°°°°°ACTUALITES°°°°°°°°°°°°°°°°°°*/
.image{
float:left;
margin-right:15px;
margin-left:15px;
margin-bottom:15px;
}
.dateActu{
font-size:13px;
color:#FFCC66;
font-family: "Trebuchet MS";
}
.titreActu{
font-size:14px;
color:#FFFFFF;
font-family: "Trebuchet MS";
}
#dittoNav{
text-align:center;
}
#dittoNav span{
font-size:13px;
color:#FF9900;
font-family: "Trebuchet MS";
text-decoration:none;
padding-left:8px;
padding-right:8px;
}
#dittoNav span a{
font-size:13px;
font-family: "Trebuchet MS";
}
#dittoNav span a.ditto_next_link{
color:#FFCC66 !important;
}
#dittoNav span a.ditto_previous_link{
color:#FFCC66 !important;
}
#contenu_texte p span a{
font-size:13px;
text-decoration:none;
margin-left:400px;
color:#FFCC66 !important;
font-family: "Trebuchet MS";
}
            /*°°°°°°°°°°°°°°°°°°RESULTAT DE LA RECHERCHE°°°°°°°°°°°°°°°°°°*/
.ajaxSearch_result a{
color:#FFCC66 !important;
}
			/*°°°°°°°°°°°°°°°°°°DETAILS REFERENCES°°°°°°°°°°°°°°°°°°*/
			
#tableau_reference td{
border:1px solid white;
font-family: "Trebuchet MS";
padding:4px 8px 4px 8px;
text-align:center;
color:#FFFFFF;
}
#tableau_reference td ul li{
text-align:left;
margin-left:20px;
}
#tableau_reference .nom_client{
color:#000000;
font-size:15px;
background-color:#CCCCCC;
font-weight:bold;
}
#tableau_reference .intitule2{
color:#000000;
font-size:14px;
font-weight:bold;
background-color:#CCCCCC;
}
#tableau_reference .intitule{
font-size:13px;
font-weight:bold;
}
#contenu_texte .details_reference{
display:block;
text-align:left;
color:#FFCC66;
padding-right:30px;
padding-left:30px;
}	
#contenu_texte p span.details_reference a{
font-size:13px;
text-decoration:none;
margin-left:0;
color:#FFCC66 !important;
font-family: "Trebuchet MS";
}	
		
			/*°°°°°°°°°°°°°°°°°°ACCUEIL°°°°°°°°°°°°°°°°°°*/

#contenu_logo_actualites {
position: absolute;
height: 38px;
left: 395px;
top:0px;
background:url('http://www.ctmegov.com/assets/images/boutons/bg_h3.gif') top left no-repeat;
}
#contenu_logo_actualites h2 {
color: #FFFFFF;
padding-left: 50px;
padding-top: 5px;
font-family: "Trebuchet MS";
}
#contenu_texte_accueil {
position: relative;
margin-left: 35px;
width:310px;
padding: 20px 10px 20px 10px;
font-size:13px;
border: 1px solid #D3D3D3;
background-color:#333333;
}

#contenu_actualites {
position:absolute;
left: 395px;
top: 68px;
width:245px;
height:370px;
padding: 5px 5px 5px 7px;
border: 1px solid #D3D3D3;
background-color:#333333;
}

#contenu_actualites div {
margin:28px 0;
font-size:10px;
font-family: "Trebuchet MS";
}

#contenu_actualites div img {
float:left;
margin-right:8px;
}

#contenu_actualites div h3 {
color:#FFFFFF;
font-weight:normal;
font-size:12px;
}

#contenu_actualites div p {
margin:3px 5px 3px 5px;
text-align:left;
color:#FFCC66;
}

#contenu_actualites div p.right {
width:94%;
text-align:right;
}

#contenu_actualites div p a {
text-decoration:none;
color:#FFCC66;
}
		/*°°°°°°°°°°°°°°°°°°EMPLOI°°°°°°°°°°°°°°°°°°*/

#contenu_texte_emploi {
position:relative;
margin-left: 3px;
margin-top: 20px;
padding: 20px 5px 20px 5px;
font-size:12px;
border: 1px solid #D3D3D3;
background-color:#333333;
}
#contenu_texte_emploi p {
color: #FFFFFF;
text-align: justify;
margin:15px;
font-family: "Trebuchet MS";
}
#contenu_texte_emploi a {
font-size: 13px;
color: #4db0f3;
font-family: "Trebuchet MS";
}
td.intitule p {
text-align: left !important;
}
#debutTab{
margin-top:15px;
}
#finTab{
margin-top:15px;
}
#debutTab .titre{
background-color:#FFFFFF;
font-weight:bold;
font-size:15px;
padding:5px;
width:160px;
}
#debutTab .valeur{
background-color:#80B8CB;
font-size:15px;
padding:5px;
width:160px;
}
#finTab .titre{
background-color:#FFFFFF;
font-weight:bold;
font-size:15px;
padding:5px;
width:180px;
}
#finTab .valeur{
background-color:#80B8CB;
font-size:15px;
padding:5px;
width:370px;
}
#lienPostuler{
position:relative;
left:500px;
top:35px;
}
#lienPostuler a{
text-decoration:none;
}
.row{
background-color:#F7FC98;
text-align:center;
}
.row2{
background-color:#B0E4EE;
text-align:center;
}
.lienbleu{
font-size: 13px;
color: #4db0f3 !important;
font-family: "Trebuchet MS";
}

#contenu_texte span a{
font-size: 13px;
color: #4db0f3 !important;
font-family: "Trebuchet MS";
}

/* °°°°°°°°°°°°°°°°°°°°°°°°°° FOOTER °°°°°°°°°°°°°°°°°°°°°°°°°°°°° */
#footer p  {
padding-left: 5px;
padding-top: 17px;
font-family: "Trebuchet MS";
color: #FFFFFF;
}
#footer p a {
color: #FFFFFF;
font-size: 12px;
text-decoration:none;
}
#footer img {
border: none;
}
#pyxicom {
position: absolute;
top: 0;
right: 10px;
}
#pyxicom img {
padding-top: 2px;
}
/*°°°°°°°°°°°°°°°°°°°°°°°°°FORMULAIRE LOGIN ADMIN°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
#wlpeLogin{
font-family: "Trebuchet MS";
padding-left:30px;
font-size:14px;
color:#FFFFFF;
padding-top:25px;
}
#wlpeLogin legend{
font-size:16px;
padding-left:10px;
padding-right:10px;
margin-left:25px;
}
/*°°°°°°°°°°°°°°°°°°°°°°°°°FORMULAIRE CONTACT°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
#contactform{
font-family: "Trebuchet MS";
padding-left:30px;
font-size:14px;
color:#FFFFFF;
padding-top:25px;
}
#contactform legend{
font-size:16px;
padding-left:10px;
padding-right:10px;
margin-left:25px;
color:#FFFFFF;
}
#erroform{
font-family: "Trebuchet MS";
font-size:14px;
color:#db002e;
text-decoration:underline;
} 

/*°°°°°°°°°°°°°°°°°°°AFFICHAGE BASE DE DONNEES°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
.row{
background-color:#F7FC98;
text-align:center;
}
.row1{
background-color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.row2{
background-color:#B0E4EE;
text-align:center;
}
#tab td{
padding-left:1px;
padding-right:1px;
max-width:500px;
font-size:14px;
padding:4px;
}

#tab2 td{
padding:2px;
width:400px;
font-size:14px;
}
#tab3 td{
padding:3px;
width:100px;
font-size:14px;
}
#tab3 input{
float:left;
}

/*°°°°°°°°°°°°°°°°°°°°°°°°°RECAPITULATIF CANDIDATURE SELECTIONNEE°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/

#tabrecap td{
border:1px solid white;
width:225px;
}
#tabrecap .titre p{
color:#0099FF;
}

#tabrecap .valeur p{
color:#FFFFFF;
}


/*°°°°°°°°°°°°°°°°°°°°°°°°°FORMULAIRE CANDIDATURE °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
table.formulaire input{
border:1px solid #FFC632;
}
table.formulaire select{
border:1px solid #FFC632;
}
table.formulaire textarea{
border:1px solid #FFC632;
}
table.formulaire input.button{
border:0;
}
table.formulaire span.red{
color:#FF0000;
}
table.formulaire td{
color:#FFFFFF;
font-size:15px;
padding-right:10px;
padding-bottom:5px;
}
table.formulaire h3{
color:#FFFF66;
margin-bottom:10px;
margin-top:10px;
}
#tabrecap2 td{
font-size:16px;
padding:6px 15px 6px 15px;
border:1px solid white;
}
#tabrecap2 td a{
color:black;
font-family: "Trebuchet MS";
font-size:14px;
}

/*°°°°°°°°°°°°°°°°°°°°°°°°°FORMULAIRE VALIDATION°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
.validation-failed {
border:1px solid #db002e !important;
}
.validation-passed {
border:1px solid #5bac26;
}
.validation-advice {
margin:10px 0 10px 0; 
padding:1px 0 1px 5px;
width:200px; 
font:13px "Trebuchet MS", Helvetica, "Arial Narrow", sans-serif;
color:#FFF; 
background-color:#db002e;
} 


.curved {
background-color:#333333;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
behavior:url('http://www.ctmegov.com/assets/js/border-radius.htc');

}
