@charset "utf-8";
/* CSS de la partie HTML de citrik.be */

*{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

body{
	background-color:#FFFFFF;
}



h1 {
	margin:5px 5px 0px 5px;
	font-size:11px;
	font-weight:bold;
	color:#FF9C00;
}
h2 {
	font-size:10px;
	font-weight:bold;
	color:#A1BD05;
}
p{
	font-size:10px;
	color:#333333;
	margin:0px 5px 10px 5px;
	text-align:justify;
}

p.competences {
	font-size:10px;
	color:#333333;
	margin:0px 5px 10px 15px;
	text-align:justify;
}


span.contentGras {
	color:#FF9C00;
	font-weight:bold;
}

span.defGras {
	font-weight:bold;
	color:#666666;
	font-size:9px;
}

span.techno {
	color:#A1BD05;
	font-weight:bold;
}

p.vert {
	font-size:10px;
	color:#A1BD05;
	margin:0px 5px 10px 5px;
	text-align:justify;	
}

a:link{
	font-size:11px;
	color:#A1BD05;
	text-decoration:none;
}

a:visited{
	font-size:11px;
	color:#9933FF;
	text-decoration:none;
}

a:hover{
	font-size:11px;
	text-decoration:underline;
}

a:active{
	font-size:11px;
	color:#A1BD05;
	text-decoration:none;
}

img {
	border:0px;
}
/*********************/

#flashContent{ /* flashContent fait office de container */
	width:100%;
	height:100%;
	background-image:url(../images/fond_html.png);
	background-repeat:no-repeat;
	background-position:center right;
}

#logo {
	margin:25px 0px 25px 40px;
	width:356px;
}

#boxContainer{
	margin:0px 0px 10px 40px;
}

.box{ /* boite general */
	float:left;
	width:292px;
}

/* boîte orange */
#topOrangeBox { /* ombre du dessus de la boîte orange */
	width:100%;
	height:31px;
	background-image:url(../images/orange_box_top.png);
}

#middleOrangeBox{ /* ombre du millieu de la boîte orange */
	width:100%;
	background-image:url(../images/orange_box_middle.png);
}

#bottomOrangeBox { /* ombre du dessus de la boîte orange */
	width:100%;
	height:13px;
	background-image:url(../images/orange_box_bottom.png);
}
/****/

/* boîte verte */
.topGreenBox { /* ombre du dessus de la boîte verte */
	width:100%;
	height:31px;
	background-image:url(../images/green_box_top.png);
}

.middleGreenBox{ /* ombre du millieu de la boîte verte */
	width:100%;
	background-image:url(../images/green_box_middle.png);
}

.bottomGreenBox { /* ombre du dessus de la boîte verte */
	width:100%;
	height:13px;
	background-image:url(../images/green_box_bottom.png);
}
/****/


.titleContentBox { /* pour le contenus d'une titre d'une boîte --> s'imbrique dans le "top" */
	width:262px;
	padding:10px 15px 0px 15px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	letter-spacing:1px;
}

.contentBox { /* pour le contenur d'une boîte */
	width:262px;
	padding:10px 15px 10px 15px;
}

.textContentBox { /* pour le contenur d'une boîte */
	width:262px;
	padding:5px 15px 10px 15px;
}
.accordionContent {
	overflow:auto;
	width:100%;
}
.sigleBox {
	width:100%;
	height:47px;
	background-image:url(../images/sigle_bas_boite.png);
	background-position:center;
	background-repeat:no-repeat;
}

/* accordéon */

.accordItem {
	width:100%;
	height:26px;
	background-image:url(../images/fond_elem_accord.png);
	background-repeat:none;
	background-position:top;
}

.titleAccordItem {
	width:100%;
	height:23px;
	background-image:url(../images/fond_elem_accord.png);
	background-repeat:none;
	background-position:top;
}
.titleAccordItem2 {
	width:100%;
	height:23px;
	background-image:url(../images/fond_elem_accord.png);
	background-repeat:none;
	background-position:top;

}

.contentTitleAccordItem{
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	letter-spacing:1px;
	margin-left:5px;
	padding-top:3px;

}
/***/

/* presse book */

.bookBox {
	margin: 0px 0px 15px 0px;
}

.bookImg{
	float:left;
	width:25px;
	height:25px;
	border:1px #A1BD05 solid;
}

.bookTxt{
	float:left;
	margin-left:5px;
	padding-top:6px;
}
/***/

/* formulaire */


.champ {
	float:left;
	width:90%;
	height:20px;
	padding:5px 3px 0px 3px;
	margin-bottom:10px;
	border:1px #999999 dotted;
	color:#666666;
	font-weight:bold;
	font-size:11px;
}

.champTexte {
	float:left;
	width:90%;
	margin-bottom:10px;
	padding:5px 3px 0px 3px;
	border:1px #999999 dotted;
	color:#666666;
	font-weight:bold;
	font-size:11px;
}
.envoyer {
	width:50%;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	background-color:#A1BD05;
	margin-left:25%;
	text-align:center;	
	cursor:pointer;
}

.required{
	float:left;
	height:25px;
	margin-left:8px;
	padding:3px 0px 0px 0px;
	color:#FF9C00;
	font-size:16px;
}

.feedBackOk{
	color:#A1BD05;
	font-weight:bold;
}

.feedBackKo{
	color:#FF9C00;
	font-weight:bold;
}




/***/

#footer{
	width:916px;
	margin-left:40px;
	border-top:1px #999999 dotted;
	padding-top:5px;
	text-align:right;
	color:#666666;
	font-size:9px;
}

.defGras {
	font-weight:bold;
	color:#666666;
	font-size:9px;
}

.clear {
	clear:both;
}

.invisible {
	display:none;
}