/* ----------------------------------------
Theme Name: Tatait02
Version: 0.2
Author: Magic People
Author URI:  http://magicpeople.org
---------------------------------------- */

* {		margin:0;	padding:0;	}

body {
	background:url(images/top_bg.gif) repeat-x top #005aa7;
	font-size:100%; 
	line-height:1em; 
	font-family:tahoma; color:#ffffff; 
	font-size:0.6875em; 
	line-height:1.36em; 
	text-align:center
}


/*in_line*/
input, select, textarea {
	vertical-align:middle; 
	font-weight:normal; 
	font-family:tahoma;
	color:#c2dffd; 
	font-size:1em; 
	font-weight:normal; 
	padding-left:5px; 
	border:solid 1px #fff; 
	background:none
}

small {
	color:#c2dffd;
	float:right;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}

a {	 text-decoration:none; 
 	color:#c2dffd	}

a:hover {	 text-decoration:none	}

a.link {
 text-decoration:underline;
 color:#aaaaaa;
 background:url(images/marker_link.gif) no-repeat 0 5px;
 padding-left:12px
}

a.link:hover {
text-decoration:none
}

a.big {
text-decoration:none;
 color:#fff;
 font: 13px Tahoma;
 font-weight: bold;
}

a.big:hover {
text-decoration:underline
}

.button {background:url(images/link_bg.gif) repeat-x top; float:left; line-height:1em; font-size:11px}
.button .left {background:url(images/link_left.gif) no-repeat 0 0}
.button a {display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 13px 3px 14px; color:#0e181d !important; text-decoration:none !important; font-weight:normal  !important}
.button a:hover {text-decoration:none; color:#005aa7 !important}

.button2 {background:url(images/link2_bg.gif) repeat-x top; float:right; line-height:1em; font-size:1em; margin:0 10px 0 0}
.button2 .left {background:url(images/link2_left.gif) no-repeat 0 0}
.button2 a {display:block; background:url(images/link2_right.gif) no-repeat right top; padding:2px 16px 3px 16px; color:#0e181d !important; text-decoration:none !important; font-weight:normal  !important}
.button2 a:hover {text-decoration:none; color:#005aa7 !important}


p {
	margin:0 0 15px 0;
	text-align:justify;
}

blockquote{	margin: 0px 25px 15px 25px;
	padding: 0px 25px 0px 10px;
	border-left: 2px solid #000000;		}

ul {
	list-style:none;
	}

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

ul.list-1 li {
 	line-height:1.81em
}

ul.list-1 li a{
 	text-decoration:underline; 
 	color:#00b6f6;
 	background:url(images/marker_list.gif) no-repeat 0 5px; 
 	padding-left:7px
}

ul.list-1 li a:hover{
 	text-decoration:none
}


ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
}
	
ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
}
	
ul{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
}

ul li{	list-style-type:square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;	}

.p1 {margin:0 0 9px 0}
.p2 {margin:0 0 26px 0}
.col-1 { font-size: 12px; }
.box-2 .col-1 { font-size: 11px; }

.clear { clear:both;}

h1 { 	font: 19px "Trebuchet MS", "Arial Narrow"; 
	font-weight: bold; 
	color: #fbfcfe; 
	margin: 0px; 
	margin-bottom: 4px; 
	text-transform: uppercase; 	}

.box-3 h1 { 
font-size:14px;
font-weight:normal;
text-align:center;
}

h3 {
	 font: 16px Tahoma; 
	 font-weight: bold; 
	 color: #c2dffd; 
	 margin-bottom: 1em; 
 }

h3.a {color: #c2dffd; }
  
h5 {
	font-size:1em; 
	margin:0 0 14px 0; 
	line-height:1.27em
}

.font_1 {
	color:#88e9fe;
	text-transform:uppercase;
	font-weight:bold;
	margin:0 0 10px 0
}

.font_1 a {
	color:#88e9fe; 
	text-decoration:none
}
	
.font_1 a:hover {
	text-decoration:underline}

/*header*/
#header { height:363px}


/*content*/
#content { padding-bottom:20px}
.title {margin-bottom:4px}
.title2 {margin-bottom:34px}
.title3 {margin:0 0 0 5px}
.img_left {float:left; margin:0 20px 0 0}
.img_left2 {float:left; margin:-4px 26px 10px 0}
.img_left3 {float:left; margin:3px 9px 30px -9px}
.img {margin-bottom:25px}
.img1 {position:absolute; margin:-68px 0 0 42px}

.line {background:url(images/line_bg.gif) repeat-x top; margin:0 10px 12px -9px}
.line_margin1 {margin:0 10px 22px -9px}
.line_margin2 {margin:0 0 10px 0}
.line_margin3 {margin:0 10px 0px -9px}

.line2 {background:url(images/line2_bg.gif) repeat-x top; margin:0 10px 12px -9px}
.line3 {background:url(images/line3_bg.gif) repeat-x top; margin:0 0 7px -11px}

.inner {padding:0 0 85px 0}


.indent {
	padding:12px 25px 24px 61px
}
.col-1 .indent { padding:13px 47px 28px 61px}
.col-2 .indent { padding:13px 27px 28px 0}

.contento {
	padding:12px 25px 24px 61px;
	}

/*footer*/
#footer{ height:103px; color:#ffffff; text-align:center}
.footer_line {background:url(images/footer_line.gif) repeat-x top; height:20px; margin:0 8px 6px 28px}

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

ul.footer_menu {padding:0px; list-style:none; padding-bottom:10px}
ul.footer_menu li { line-height:1em; margin-left:27px; display:inline}
ul.footer_menu li a{text-decoration:none; color:#ffffff; background:url(images/marker_footer_menu.gif) no-repeat right 5px; padding-right:29px}
ul.footer_menu li a:hover{ text-decoration:none}
ul.footer_menu li a.none {background:none}


/* index.html =*/
/*
#content .col-1 .indent { padding:41px 15px 45px 33px}
#content .col-2 .indent { padding:12px 20px 45px 9px}
#content .box-3 .ind {padding:38px 17px 30px 29px}
*/


/*=block=*/

.box { background:#003d78; font-size:1.09em; color:#fff}
.box .corner-top-left { background:url(images/corner_top_left.jpg) left top no-repeat; width:100%}
.box .corner-top-right { background:url(images/corner_top_right.jpg) right top no-repeat;}
.box .corner-bot-right { background:url(images/corner_bot_right.jpg) right bottom no-repeat;}
.box .corner-bot-left { background:url(images/corner_bot_left.jpg) left bottom no-repeat;}
.box .border-top {background:url(images/top.jpg) repeat-x top}
.box .border-bot {background:url(images/bot.jpg) repeat-x bottom}
.box .ind {padding:37px 35px 19px 31px}
.box a {color:#53d2ff; text-decoration:underline; font-weight:bold}
.box a:hover {text-decoration:none}

.box-2 { background:url(images/bot2.gif) repeat-x bottom #003b75; margin:0 8px 0 28px}
.box-2 .corner-top-left { background:url(images/corner_top_left2.gif) left top no-repeat; width:100%}
.box-2 .corner-top-right { background:url(images/corner_top_right2.gif) right top no-repeat;}
.box-2 .corner-bot-right { background:url(images/corner_bot_right2.gif) right bottom no-repeat;}
.box-2 .corner-bot-left { background:url(images/corner_bot_left2.gif) left bottom no-repeat;}
.box-2 .indent {padding:16px 16px 0 16px}

.box-3 { background:url(images/bot3.gif) repeat-x bottom #022c56; line-height:1.27em}
.box-3 .corner-top-left { background:url(images/corner_top_left3.gif) left top no-repeat; width:100%}
.box-3 .corner-top-right { background:url(images/corner_top_right3.gif) right top no-repeat;}
.box-3 .corner-bot-right { background:url(images/corner_bot_right3.gif) right bottom no-repeat;}
.box-3 .corner-bot-left { background:url(images/corner_bot_left3.gif) left bottom no-repeat;}
.box-3 .ind {padding:18px 17px 30px 29px}



#main {margin:0 auto; width:882px; text-align:left; background:url(images/main_bg.gif) repeat-x top #005aa7}

#header, #content, #footer, .container {width:100%; overflow:hidden}

.col-1, .col-2, .col-3, .col-4, .list-col-1, .list-col-2, .box-col-1, .box-col-2 { float:left;}

.col-1{width:590px}
.col-2{width:292px;}

.box-2 .col-1{width:192px; margin:0 15px 0 0; padding:0}
.box-2 .col-2{width:192px; margin:0 16px 0 0}
.box-2 .col-3{width:192px; margin:0 15px 0 0}
.box-2 .col-4{width:192px}

input {width:223px; height:18px}
.div_input {height:30px}
textarea {width:230px; height:81px; overflow:auto; margin-bottom:10px; margin-left: 4px; display:block}

.tarif {
color:#C2DFFD;
font-size:1em;
line-height:1.2em;
text-align:left;
}


#sp p, #sp li, #sp ul, #sp a, #sp a:visited  {

	color: #005AA7;
	text-decoration: none;
	font-weght: normal;
	font-size:8px;
	list-style-type: none;
}




.sp {
	color: #005AA7;
	font-size:8px;

}
.alignleft {
float:left;
}
.alignright {
float:right;
}