/*CSS DU THEME*/

html {
	background: url('images/background-bg-bottom.jpg') repeat-x bottom;
	background-color: #dbeffa;
	margin: 0px;
}
body {
	font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #646464;
	margin: 0px;
	background: url('images/background-bg-top.jpg') repeat-x top;
}

input, textarea {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	border: 1px solid #c9c9c9;
	color: #646464;
	background-color: #ffffff;
	padding: 4px;
}

.f_textarea {
    min-height: 156px;
}

input[type=radio], input[type=checkbox] {
	border: none;
	background: transparent;
}

.for-robot-only /* Affiché seulement pour les robots */ {
	display: none;
}

select {
	font-family: Verdana;
	font-size: 11px;
	font-style: normal;
	border: 1px solid #c9c9c9;
	color: #666;
	background-color: #ffffff;
	padding: 4px;
}

a.scrollover {
      /* Default Colour/Styles here */
      color: #114D74;
   }
a.scrollover em:first-line {
      /* Rollover Colour/Styles here */
     color: #114D74;
   }


a img {
	border: 0px;
}

a, a:link, a:visited {
	color: #114D74;
	text-decoration: none;
}
a:active, a:hover {
	color: #114D74;
	text-decoration: underline;
}

#background-top {
	min-height: 1235px;
	min-width: 927px;
	width: 100%;
	background: url('images/background-top.jpg') no-repeat center top;
}
#background-corps {
	min-width: 927px;
	width: 100%;
	background: url('images/background-corps.jpg') repeat-y center;
}
#background-bottom {
	margin-top: -589px;
	height: 588px;
	min-width: 927px;
	width: 100%;
	background: url('images/background-bottom.jpg') no-repeat center bottom;
}
#background-bottom div {
	width: 927px;
}
#contenu-site {
	position: relative;
	margin: auto;
	width: 927px;
}
#contenu-site-left {
	width: 664px;
}
#contenu-site-left-div {
	min-height: 840px;
}
#contenu-site-right {
	width: 263px;
	background:url(images/rss_taib.png) no-repeat -30px -30px;
}



#header-language {
	margin-left: 761px;
	padding-top: 30px;
	color: #666;
	font-size: 11px;
}
#header-language img {
	top: 2px;
	position: relative;
}
#header-recherche {
	margin-top: 16px;
	margin-left: 665px;
}
#header-recherche input[type=text] {
	width: 180px;
	background: none;
	border: none;
	color: #c4c7c4;
	font-size: 12px;
}
#header-recherche input[type=submit] {
	margin-left: 10px;
	background: none;
	border: none;
	width: 20px;
	cursor: pointer;
	height: 20px;
}

#accueil-block-1 {
	background: url('images/accueil-block-1.png') no-repeat;
	width: 626px;
	height: 170px;
	margin: auto;
	margin-top: 36px;
}
#accueil-block-1 .first {
	height: 50px;
}

#accueil-block-11 {
	background: url('images/accueil-block-2.png') no-repeat;
	width: 626px;
	height: 170px;
	margin: auto;
	margin-top: 36px;
}
#accueil-block-11 .first {
	height: 60px;
}


.fleche-bleu-header {
	background: url('images/fleche-bleu.png') no-repeat 0px 2px;
	padding-left: 20px;
	color: #fefefe;
	margin-left: 80px;
	margin-top: 10px;
	width: 520px;
}
.fleche-bleu-header2 {
	background: url('images/fleche-bleu-2.png') no-repeat 0px 2px;
	padding-left: 20px;
	color: #fefefe;
	margin-left: 80px;
	margin-top: 10px;
	width: 520px;
}
.bouton-bleu {
	float: right;
	margin-right: 50px;
	background: url('images/accueil-block-1-bouton-bg.jpg') repeat-x;
	height: 25px;
}
.bouton-bleu a {
	color: #fefefe;
}
.bouton-bleu-left {
	background: url('images/accueil-block-1-bouton-left.jpg') no-repeat;
	width: 10px;
	height: 25px;
}
.bouton-bleu-right {
	background: url('images/accueil-block-1-bouton-right.jpg') no-repeat;
	width: 10px;
	height: 25px;
}

#accueil-block .tags a {
	color:#6A6969;
	text-decoration:none;
}

.accueil-block .tags a {
	color:#6A6969;
	text-decoration:none;
}

.block-central {
	width: 664px;
}
.block-central-top {
	margin-top: 20px;
	width: 664px;
	height: 6px;
	background: url('images/block-central-top.png') no-repeat;
}
.block-central-top2 {
	margin-top: 5px;
	margin-bottom:5px;
	width: 664px;
	height: 6px;
	background: url('images/block-central-top.png') no-repeat;
}
.block-central-background {
	width: 664px;
	background: url('images/block-central-background.png') no-repeat top;
	padding-bottom: 5px;
}
.block-central-middle {
	clear: both;
	width: 664px;
	height: 33px;
	background: url('images/block-central-middle.png') no-repeat;
}
.block-central-bottom {
	clear: both;
	width: 664px;
	height: 8px;
	background: url('images/block-central-bottom.png') no-repeat;
}


.accueil-block {
	margin-left: 16px;
	width: 632px;
	text-align: justify;
}
.accueil-titre {
	color: #F26F2F;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
}

.accueil-titre a, .accueil-titre a:link, .accueil-titre a:visited {
	color: #F26F2F;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 6px;
}


.accueil-sous-titre {
	color:#999;
	margin-bottom: 9px;
}

.accueil-sous-titre a, .accueil-sous-titre a:link, .accueil-sous-titre a:visited {
	color:#999;
	margin-bottom: 9px;
}

.acceuil-image {
	margin-right: 10px;
	padding-bottom: 5px;
}


.accueil-contenu {
	font-size: 12px;
	color:#646464;
}
.accueil-contenu img {
	border: 1px solid #cacaca;
	padding: 5px;
}
.accueil-comment-1 {
	float: left;
	margin-top: 10px;
	padding-bottom: 5px;
	background: url('images/fleche-bleu-2.png') no-repeat 0px 0px;
	padding-left: 17px;
}
.accueil-comment-1 a, .accueil-comment-1 a:link, .accueil-comment-1 a:visited {
	color: #114D74;
	text-decoration: none;
}
.accueil-comment-1 a:active, .accueil-comment-1 a:hover {
	color: #114D74;
	text-decoration: underline;
}
.accueil-comment-2 {
	margin-top: 10px;
	padding-bottom: 5px;
	float: right;
}

.accueil-comment-22 {
	margin-top: 10px;
	padding-bottom: 5px;
	float: right;
}
.accueil-comment-2 a, .accueil-comment-2 a:link, .accueil-comment-2 a:visited {
	color: #F26F2F;
	text-decoration: none;
}
.accueil-comment-2 a:active, .accueil-comment-2 a:hover {
	color: #F26F2F;
	text-decoration: underline;
}

.accueil-comment-22 a, .accueil-comment-22 a:link, .accueil-comment-22 a:visited {
	color: #939393;
	text-decoration: none;
}
.accueil-comment-22 a:active, .accueil-comment-22 a:hover {
	color: #939393;
	text-decoration: underline;
}

.accueil-comment-3 {
	background: url('images/bulle.png') no-repeat 0px 2px;
	padding-left: 18px;
}
.accueil-comment-33 {
	background: url('images/bulle2.png') no-repeat 0px 2px;
	padding-left: 18px;
}


.block-droite-titre {
	height: 25px;
	background: url('images/block-droite-titre.png') no-repeat left center;
	padding-left: 17px;
	line-height: 25px;
	font-size: 14px;
	color: #79ac0d;
}

.block-droite-titre a {
	color: #79ac0d;
} 

.block-droite-titre a:hover {
	color: #79ac0d;
	text-decoration:blink;
}

.block-droite-contenu {
	color: #7f7f7f;
	padding-top: 5px;
	margin-left: 16px;
	margin-right: 16px;
	text-align: justify;
}


.block-droite-login-block {
	border: 1px solid #d0d0d0;
	padding: 5px;
}
.block-droite-login-block a, .block-droite-login-block a:link, .block-droite-login-block a:visited {
	color: #7f7f7f;
	text-decoration: none;
}
.block-droite-login-block a:active, .block-droite-login-block a:hover {
	color: #7f7f7f;
	text-decoration: underline;
}
.block-droite-login-block-submit {
	padding-bottom: 5px;
	color: #da6e1f;
	text-decoration: underline;
}

.block-droite-login-block-submit img {
	border:none;
}

.block-droite-login-block-submit a, .block-droite-login-block-submit a:link, .block-droite-login-block-submit a:visited, .block-droite-login-block-submit a:active, .block-droite-login-block-submit a:hover {
	color: #da6e1f;
	text-decoration: underline;
}
.block-droite-login-block-submit input {
	border:none #E6F1F5;
	color:#E6F1F5;
	background-color:#E6F1F5;

}

.fleche-bleu-block {
	background: url('images/fleche-bleu.png') no-repeat 0px 2px;
	padding-left: 20px;
	margin-left: 20px;
	margin-top: 7px;
}

#acceuil-page {
	width: 664px;
	height: 47px;
	line-height: 47px;
	text-align: right;
	background: url('images/milieu-bottom.png') no-repeat;
}
#accueil-page-link {
	float: right;
	margin-top: 8px;
	margin-right: 40px;
}


#footer {
	height: 240px;
	color:#646464;
}

#footer .partenaire {
	color: #252525;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	font-size: 11px;
}
#footer .partenaire a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	width: 86px;
	height: 29px;
	border: 1px solid #cfcfcf;
	padding: 1px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #cacaca;
}
#footer .partenaire .libre {
	display: block;
	width: 86px;
	height: 23px;
	background: url('images/footer-partenaire-libre.png') no-repeat;
	text-align: center;
	padding-top: 6px;
}
#footer .partenaire .libre:hover {
	text-decoration: underline;
}

#cyf-logo {
	display: block;
	float: left;
	margin-top: 54px;
	margin-left: 91px;
	width: 87px;
	height: 57px;
	color:#646464;
	background-image:url(images/logo5.png)
}
#footer-block {
	float: left;
	margin-left: 12px;
	color:#646464;
}

#footer-block .tags a {
	color:#646464;
	text-decoration:none
}
#footer-block .tags a:hover {
	color:#114D74;
	text-decoration:underline;
}

#footer-block a {
	color:#646464;
	text-decoration:none
}
#footer-block a:hover {
	color:#114D74;
	text-decoration:underline;
}


#footer-1 {
	margin-top: 75px;
	margin-left:280px;
	color:#646464;
}
#footer-2 {
	margin-top: 10px;
	margin-left:280px;
	color:#646464;
}
#footer-3 {
	margin-top: 10px;
	margin-left:280px;
	color: #3278a0;
}
#footer-3 a, #footer-3 a:link, #footer-3 a:visited {
	color: #3278a0;
	text-decoration: none;
}
#footer-3 a:active, #footer-3 a:hover {
	color: #3278a0;
	text-decoration: underline;
}

/*CSS DU MENU*/

#menu {
	margin-left: 20px;
	padding-top: 50px;
	padding-bottom:10px;
	height: 18px;
	position: relative;
	z-index: 100;
}
.menu-contenu-1 {
	position: absolute;
	display: none;
	width: 510px;
	overflow: hidden;
	margin-top: 18px;
}
.menu-hover-1-1 {
	background: url('images/menu-hover-1-1.png') no-repeat;
	width: 510px;
	height: 13px;
}

.menu-hover-1-11 {
	background: url('images/menu-hover-1-11.png') no-repeat;
	width: 510px;
	height: 13px;
}

.menu-hover-2 {
	background: url('images/menu-hover-2.png') no-repeat;
	width: 510px;
}
.menu-hover-3 {
	background: url('images/menu-hover-3.png') no-repeat;
	width: 510px;
	height: 21px;
}



.menu-contenu-telechargement {
	position: absolute;
	display: none;
	width: 188px;
	overflow: hidden;
	margin-left: -27px;
	margin-top: 17px;
}
.menu-contenu-telechargement-1 {
	background: url('images/menu-hover-telechargement-1.png') no-repeat;
	width: 188px;
	padding-top: 45px;
	padding-left: 31px;
}

.menu-contenu-telechargement-1 a, .menu-contenu-telechargement-1 a:link, .menu-contenu-telechargement-1 a:visited, .menu-contenu-telechargement-1 a:active, .menu-contenu-telechargement-1 a:hover {
	color: #535353;
	text-decoration: none;
}
.menu-contenu-telechargement-2 {
	background: url('images/menu-hover-telechargement-2.png') no-repeat;
	width: 188px;
	height: 17px;
}

.menu-contenu-aide {
	position: absolute;
	display: none;
	width: 188px;
	overflow: hidden;
	margin-left: -66px;
	margin-top: 17px;
}
.menu-contenu-aide-1 {
	background: url('images/menu-hover-aide-1.png') no-repeat;
	width: 188px;
	padding-top: 45px;
	padding-left: 45px;
}
.menu-contenu-aide-1 a, .menu-contenu-aide-1 a:link, .menu-contenu-aide-1 a:visited, .menu-contenu-aide-1 a:active, .menu-contenu-aide-1 a:hover {
	color: #535353;
	text-decoration: none;
}


.menu-hover-2-td-1 {
	width: 198px;
	padding-left: 21px;
	color: #535353;
}
.menu-hover-2-td-1 a, .menu-hover-2-td-1 a:link, .menu-hover-2-td-1 a:visited, .menu-hover-2-td-1 a:active, .menu-hover-2-td-1 a:hover {
	color: #535353;
	text-decoration: none;
}
.menu-hover-2-td-2 {
	width: 202px;
	padding-left: 26px;
}
.menu-hover-2-td-1-lien {
	background: url('images/menu-fleche-gris.png') no-repeat left center;
	padding-left: 26px;
	font-size: 15px;
	color: #000000;
}
.menu-hover-2-td-1-lien:hover {
	background: url('images/menu-fleche-bleu.png') no-repeat left center;
}
#menu-1, #menu-2, #menu-3, #menu-4, #menu-5, #menu-6, #menu-7, #menu-8 {
	display: block;
	float: left;
	height: 18px;
}
#menu-1 {
	width: 61px;
	cursor: pointer;
}
.menu-1 {
	background: url('images/menu/1-1.png') no-repeat;
	width: 61px;
	cursor: pointer;
}
.menu-1-hover {
	background: url('images/menu/1-2.png') no-repeat;
}
#menu-2 {
	width: 89px;
	cursor: pointer;
}
.menu-2 {
	background: url('images/menu/2-1.png') no-repeat;
	width: 89px;
	cursor: pointer;
}
.menu-2-hover {
	background: url('images/menu/2-2.png') no-repeat;
}
#menu-3 {
	width: 130px;
	cursor: pointer;
}
.menu-3 {
	background: url('images/menu/3-1.png') no-repeat;
	width: 130px;
	cursor: pointer;
}
.menu-3-hover {
	background: url('images/menu/3-2.png') no-repeat;
}
#menu-4 {
	width: 57px;
	cursor: pointer;
}
.menu-4 {
	background: url('images/menu/4-1.png') no-repeat;
	width: 57px;
	cursor: pointer;
}
.menu-4-hover {
	background: url('images/menu/4-2.png') no-repeat;
}
#menu-5 {
	width: 56px;
	cursor: pointer;
}
.menu-5 {
	background: url('images/menu/5-1.png') no-repeat;
	width: 56px;
	cursor: pointer;
}
.menu-5-hover {
	background: url('images/menu/5-2.png') no-repeat;
}
#menu-6 {
	width: 72px;
	cursor: pointer;
}
.menu-6 {
	background: url('images/menu/6-1.png') no-repeat;
	width: 72px;
	cursor: pointer;
}
.menu-6-hover {
	background: url('images/menu/6-2.png') no-repeat;
}

#menu-7 {
	width: 72px;
	cursor: pointer;
}
.menu-7 {
	background: url('images/menu/7-1.png') no-repeat;
	width: 72px;
	cursor: pointer;
}
.menu-7-hover {
	background: url('images/menu/7-2.png') no-repeat;
}

#menu-8 {
	width: 130px;
	cursor: pointer;
}
.menu-8 {
	background: url('images/menu/8-2-2.png') no-repeat;
	width: 130px;
	cursor: pointer;
}
.menu-8-hover {
	background: url('images/menu/8-2.png') no-repeat;
}

.hint 
{
    display:none;
    position: absolute;
    margin-left: 40px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #dbdbdb;
    padding: 10px 12px;
    background-color: #FFFFFF;
}

.hint .hint-pointer 
{
position: absolute; 
left: -10px; top: 5px; 
width: 10px; height: 19px; 
background: url(images/pointer.gif) left top no-repeat;
}
/*CSS DU MENU*/