/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
	margin: 0;
	padding: 0;
}
h1, h2, h3 {
	color: #AA2808;
}

h1 {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
	margin-bottom: 20px;
	line-height: 2em;
}

p {
}

p.normal {
    line-height: 16px;
    margin: 3px 0;
    text-align: justify;
}

p.grand {
    line-height: 20px;
    margin: 3px 0;
    text-align: justify;
    font-size: 16px;
}

blockquote {
}

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

a {
	text-decoration: underline;
	color: #323B51;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

/* Wrapper */

#wrapper {
    background-color: #ffffff;
    width: 892px;
    margin: 0 auto;
}

/* Header */
#logo img {
    border: 0;
}


/* Title */
#title {
    padding: 0 30px;
    clear: both;
}

#title h1 {
	font-weight: normal;
	font-size: 28px;
	color: #444444;
	border-bottom: 2px solid #EBEBEB;
}

#title .categorie {
    margin: 0;
    padding: 0;
    letter-spacing: 2px;
    font-size: 12px;
/*    font-weight: bold;*/
    color: #444444;
    display: block;
}

#pub {
    text-align: center;
}

.pub1 {
    border: 0 !important;
    text-align: right;
}

.pub2 {
    border: 0 !important;
    text-align: right;
    padding: 0 !important;
}

#banniere {
    width: 718px;
    margin-left: 46px;
    clear: both;
    padding: 5px;
}

#banniere > div {
    border: 1px solid #E0E0E0;
    padding: 5px;
    background-color: #F8F8F8;
}

#banniere .ban_titre {
    font-weight: bold;
    padding: 5px;
    font-size: 15px;
}

#banniere .ban_texte {
    padding: 5px;
    font-size: 13px;
}

#banniere .ban_url {
    font-style: italic;
}

#search {
	height: 45px;
	padding: 0px 0px 40px 0px;
}

#search form {
	margin: 0;
	padding: 12px 0px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font-size: 12px;
}

#search-text {
	width: 120px;
	height: 18px;
	padding: 3px 0 0 5px;
	border: 1px solid #000000;
	color: #000000;
}

#search-submit {
	height: 21px;
	margin-left: 10px;
	padding: 0px 2px;
	border: none;
	background: #000000;
	color: #FFFFFF;
}

#page {
	width: 892px;
	margin: 0 auto;
	background: url(images/img03.jpg) repeat-y left top;
}

#page-bgtop {
    background: url(images/img05.jpg) no-repeat left top;
    background-color: #ffffff;
	padding: 0px 30px;
}

#toponglets {
    padding: 1px 10px;
}

#sansonglets {
    padding: 0 10px;
}

#content {
	float: left;
	width: 580px;
	background-color: #e0e0e0;
}

#content1 {
	background-color: #e0e0e0;
	padding-bottom: 5px;
}

#content h2, #content1 h2 {
	margin: 10px 0 0 0;
	padding: 4px 0 0 0;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	font-size: 140%;
	font-weight: normal;
	color: #110404;
}

#content h3, #content1 h3 {
	margin: 10px 0 0 0;
	padding: 4px 0 0 0;
	font-size: 120%;
	font-weight: bold;
	color: #110404;
	border-bottom: 1px dotted #ffffff;
	border-top: 1px dotted #ffffff;
}

#content h2:first-child, #content1 h2:first-child {
    border-top: 0;
    margin: 0;
    padding: 0;
}

#content .colgauche, #content1 .colgauche, #content1 .colgauche1, #content1 .colgauche2  {
    margin: 0 0 10px 0;
    float: left;
    border: 2px solid #ffffff;
    padding: 5px;
}

#content .colgauche:first-child, #content1 .colgauche:first-child, #content1 .colgauche1:first-child, #content1 .colgauche2:first-child  {
    margin: 10px 0 10px 0;
}

#content .colgauche {
    width: 260px;
}
#content1 .colgauche {
    width: 385px;
}

#content .coldroite, #content1 .coldroite, #content1 .coldroite1, #content1 .coldroite2 {
    border: 2px solid #ffffff;
    padding: 5px;
}

#content .coldroite {
    margin: 10px 0 10px 285px;
    width: 260px;
}

#content1 .coldroite {
    margin: 10px 0 10px 412px;
    width: 385px;
}

#content1 .coldroite1 {
    margin: 5px 0 10px 475px;
    width: 330px;
}
#content1 .colgauche1 {
    width: 460px;
}

#content1 .coldroite2 {
    margin: 5px 0 10px 640px;
    width: 170px;
}
#content1 .colgauche2 {
    width: 620px;
}

.colimpair {
    background-color: #E8E8E8 !important;
}

.colpair {
    background-color: #F4F4F4 !important;
}

#content .col, #content1 .col {
    padding: 5px;
    margin: 10px 0;
    clear: both;
    border: 2px solid #ffffff;
}

#sidebar {
    float: right;
	width: 218px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	margin-bottom: 1px;
}

#sidebar li ul {
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#sidebar li li {
	margin: 0;
	padding: 9px 0px;
	border: none;
	background: url(images/img07.jpg) repeat-x left bottom;
}

#sidebar h2 {
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #EBEBEB;
	font-size: 160%;
	font-weight: normal;
	color: #110404;
}

#sidebar h3 {
	font-size: 77%;
	color: #110404;
}

#sidebar p {
	margin: 0;
	line-height: normal;
	color: #D4C792;
}

#sidebar a {
	border: none;
	text-decoration: none;
	color: #FF0000;
}

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

#submenu {
}

#news {
}

#news a {
	font-size: 85%;
}

#spacer {
    clear: both;
    background: #ffffff;
    border: 1px solid #EBEBEB;
    text-align: center;
}
#footer p, #footer ul {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer ul#links li, #footer #choix_mobile li {
    display: inline;
    margin: 0 10px;
}

#footer a {
	text-decoration: underline;
	color: #202020;
}

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


#map {
    overflow: hidden; 
    width: 260px; 
    height: 250px; 
    margin: 10px 0;    
}

#bigmap {
    overflow: hidden; 
    width: 800px; 
    height: 800px; 
    margin: 10px 0;    
}

#mediummap {
    overflow: hidden; 
    width: 560px; 
    height: 560px; 
    margin: 10px 0;    
}

#emploimap {
    overflow: hidden; 
    width: 550px; 
    height: 560px; 
    margin: 10px 0;    
}

.hauteurfixe {
    height: 250px;
    overflow: auto;
}

#login {
    padding: 10px 10px 0 0;
    text-align: right;
    clear: both;
}

#login-form, #login-form p {
    display: inline;
}

#login-form label {
    display: none;
}

#login ul {
    display: inline;
}

#login ul li {
    display: inline;
    margin: 0 5px;
}


dl.enligne dt {
    font-weight: bold;
    float: left;
    clear: both;
    margin-right: 1em;
}

dl.enligne dd {
}


dl.deuxlignes dt {
    font-weight: bold;
    margin-top: 5px;
}

dl.deuxlignes dd {
    margin-left: 20px;
}

dl.deuxcols dt {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin: 10px;
    font-weight: bold;
    text-align: right;
}

dl.deuxcols dd {
    display: inline-block;
    width: 800px;
    margin: 10px;
}

dl.deuxcolsfin dt {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    margin: 10px;
    font-weight: bold;
    text-align: right;
}

dl.deuxcolsfin dd {
    display: inline-block;
    width: 300px;
    margin: 10px;
}

#chemin {
}

#chemin li {
    display: inline;
    padding-left: 10px;
    background-image: url(images/arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.gdecat {
    border: 1px solid #EBEBEB;
    margin: 10px;
}

.gdecat h2 {
    margin: 0px 0 0 140px !important;
    font-size: 150% !important;
    border: 0 !important;
}

.gdecat p {
    margin: 0 0 0 140px;
    line-height: 16px;
    height: 60px;
    overflow: auto;
}
.cat1 {
    background: url(image1.jpg) no-repeat;
}
.cat1 p {
    height: 65px;
}
.cat2 {
    background: url(image2.jpg) no-repeat;
}
.cat3 {
    background: url(image3.jpg) no-repeat;
}
.cat4 {
    background: url(image4.jpg) no-repeat;
}
.cat5 {
    background: url(image5.jpg) no-repeat;
}
.cat6 {
    background: url(image6.jpg) no-repeat;
}

.liste-etabs {
    border-collapse: collapse;
    border: 3px solid #EBEBEB;
    margin: 0;
}

.liste-etabs td {
    border: 1px solid #EBEBEB;
    padding: 3px;
}

.liste-etabs th {
    border: 3px solid #EBEBEB;
    padding: 5px;
}

p.message {
    color: red;
    margin: 3px;
    font-weight: bold;
}

table.inscription th {
    text-align: right;
}

table.inscription th, table.inscription td {
    padding: 3px;
}

div.edition p {
    text-align: justify;
    line-height: 130%;
    margin: 5px 0;
}

div.edition li {
    text-align: justify;
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 10px;
    line-height: 130%;
}

.description {
    margin: 5px;
    text-align: justify;
}

.center {
    text-align: center;
}

p.normal {
    margin-bottom: 0;
}

ul.normal {
    margin: 0px;
    padding-left: 20px;
    list-style-type: disc;
    line-height: 16px;
}

ul.normal li {
    list-style-type: disc;
}

.retour {
    text-align: center;
    font-size: 16px;
}

#tooltip {
	border:1px solid #aaaaaa;
	padding:1px;
	background:#FFFFFF;
	position:absolute;
	color:#474747;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	visibility:hidden;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	-moz-border-radius:4px;
-webkit-border-radius:4px;
 }
#tooltip p {
	font-weight: bold;
	color: #996633;
	background-color: #FFCC66;
	padding: 4px;
	margin: 0px;
}

.liensrepartition li {
    display: inline-block;
    width: 300px;
    text-align: center;
    border: 1px solid white;
    margin: 3px;
}

.aveccarte {
    padding-left: 36px !important;
    background: url('minifrance.jpeg') no-repeat transparent scroll 0 7px !important;
}

.avecliste {
    padding-left: 36px !important;
    background: url('liste.jpeg') no-repeat transparent scroll -2px 7px !important;
}

.avecliste2 {
    padding-left: 36px !important;
    background: url('liste.jpeg') no-repeat transparent scroll 10px 7px !important;
}

.aveccv {
    padding-left: 36px !important;
    background: url('icon-cv.jpg') no-repeat transparent scroll -2px 7px !important;
}

.avecliste2 {
    padding-left: 36px !important;
    background: url('liste.jpeg') no-repeat transparent scroll -2px 0px !important;
}

.avecemploi {
    padding-left: 36px !important;
    background: url('emploi.jpg') no-repeat transparent scroll -2px 0px !important;
    padding-top: 0 !important;
}

.avecemploiprofil {
    padding-left: 36px !important;
    background: url('emploi.jpg') no-repeat transparent scroll -2px 2px !important;
}

.cloud {
    text-align: center;
}
.cloud0 {
    font-size: 10px;
}
.cloud1 {
    font-size: 12px;
}
.cloud2 {
    font-size: 14px;
}
.cloud3 {
    font-size: 16px;
}
.cloud4 {
    font-size: 18px;
}
.cloud5 {
    font-size: 20px;
}
.cloud6 {
    font-size: 22px;
}
.cloud7 {
    font-size: 24px;
}
.cloud8 {
    font-size: 26px;
}
.cloud9 {
    font-size: 28px;
}
.cloud10 {
    font-size: 30px;
}
.cloud11 {
    font-size: 32px;
}
.cloud12 {
    font-size: 34px;
}
.cloud13 {
    font-size: 36px;
}
.cloud14 {
    font-size: 38px;
}
.cloud15 {
    font-size: 40px;
}

table.emploi {
    padding: 10px;
}
table.emploi th {
    text-align: left;
}

table.emploi td, table.emploi th {
    padding: 5px;
}

table.emploi tr.impair {
    background-color: #E8E8E8 !important;
}

table.emploi tr.pair {
    background-color: #F4F4F4 !important;
}

table.emploi_details th {
    text-align: right;
}

.info_editeur_offre {
    text-align: center;
}

.cpville {
    font-size: 10px;
}

p.bouton {
    text-align: center; 
    font-size: 20px;
}

table.emploi tr.impair .pagecal {
    background-color: #F4F4F4 !important;
    display: block;
}

table.emploi tr.pair .pagecal {
    background-color: #E8E8E8 !important;
    display: block;
}

.pagecal {
    text-align: center;
    padding: 2px;
    width: 36px;
}

.pagecal .jour {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 16px;
    letter-spacing: 3px;
}
.pagecal .mois {
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
    letter-spacing: 3px;
}
.pagecal .annee {
    font-size: 12px;
    display: block;
    margin: 0;
    padding: 0;
    line-height: 10px;
}

table.listerech {
    border-collapse: collapse;
}

table.listerech td {
    border-bottom: 1px solid white;
    padding: 4px;    
}

.critcadre {
    border: 1px solid #999;
    margin: 5px;
    padding: 5px;
    background-color: #eee;
}

.description p {
    line-height: 16px;
    margin: 3px 0;
    text-align: justify;
}

.listedeps {
    text-align: center;
}

.listedeps li {
    display: inline;
    margin: 0 10px;
    white-space: nowrap;
}